午后・时光

  12345
6789101112
13141516171819
20212223242526
2728293031  

[复位日记]

最新评论

无缝图片
函数
盒子定位
悄然
小希

网站统计

·今日访问 : 184
·页面点击 : 224
·当前在线 : 5

2024年10月3日 星期四[阅读 29]

上下无缝衔接图片,可以直接酱紫:


<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的宽度和图片的宽度是一致的。

2024': 前一则  下一则    

评论列表: [ 1 条 ]

1 # 无缝图片[2024-10-3 10:45]   笔记

发表评论:

       

Copyright © 2014 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com