程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

将图像与 div 部分内第二个图像的边缘对齐

发布于2022-05-23 22:48     阅读(965)     评论(0)     点赞(9)     收藏(1)


我里面有两张图片,两者的高度相同,但宽度不同。我想以这种方式定位它们

1) 宽度较大的图像 (img1) 应垂直居中放置 2) 宽度较短的图像应与前一个图像的左边缘对齐

最后我想得到类似下面这张图片的东西

在此处输入图像描述

我应该在我的代码中更改什么

<div>
    <img src="img1"/>
    <img src="img2"/>
<div/>

解决方案


首先,您要为图像分配 id:

<div>
    <img id="img1" src="img1"/>
    <img id="img2" src="img2"/>
<div/>

然后:

#img1 {
text-align: center;
}
#img2 {
 /* Your desired values */;
}



所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/360641/715775faed9b3c812772/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

9 0
收藏该文
已收藏

评论内容:(最多支持255个字符)