如何让HTML中横向排布的四张图片中间有一点空隙
时间: 2023-05-29 12:07:58 浏览: 788
CSS 图片横向排列实现代码
可以在CSS中给图片设置margin或padding属性来制造空隙。例如,可以使用以下CSS代码:
img {
margin: 0 10px; /* 设置图片左右间距为10像素 */
}
这将在每张图片左右各添加10像素的空隙。如果想要添加垂直间距,可以使用以下代码:
img {
margin: 10px; /* 设置图片四周间距为10像素 */
}
这将在每张图片周围添加10像素的空隙。
阅读全文