日 | 一 | 二 | 三 | 四 | 五 | 六 |
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
[复位日记]
网站统计
·今日访问 : 876
·页面点击 : 877
·当前在线 : 44
2024年10月3日 星期四[阅读 78]
上下无缝衔接图片,可以直接酱紫:
<div style="margin: 30px 0 30px calc(50% - 890px); width: 1600px; display: flex; flex-direction: column; gap: 0;">
<img src="https://pic.imgdb.cn/item/66fbaad2f21886ccc0ca9366.jpg" alt="" />
<img src="https://pic.imgdb.cn/item/66fbaadaf21886ccc0caa204.jpg" alt="" />
</div>
以上代码关键点在红色部分:它规定了弹性布局、布局方向和间隙。
这个,div内有多少张图片都会延续下去。要注意的是div的宽度和图片的宽度是一致的。
评论列表: [ 1 条 ]
1 # 无缝图片[2024-10-3 10:45] 笔记
发表评论: