css怎么让图片之间的距离相等?
发布网友
发布时间：2023-11-24 08:02
共1个回答
热心网友
时间：2024-11-23 11:01
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。所以两个图片之间的距离可以用外边距（margin）来实现：
margin: top right bottom left;示例：假设页面中放置了2行共6张图片
<img src="1.png" alt="example"><img src="1.png" alt="example"><img src="1.png" alt="example"><br><img src="1.png" alt="example"><img src="1.png" alt="example"><img src="1.png" alt="example">
如果通过css设置图片边距为零，则效果如下
如果通过css设置图片各个方向的距离相等为10px，则效果如下
如果通过css设置图片不等距离：上下20px，左右10px，则效果如下
