css中如何设置两个图片之间的距离

Question

css中如何设置两个图片之间的距离

Answer 1

CSS&nbsp;框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。所以两个图片之间的距离可以用外边距（margin）来实现：1margin:&nbsp;top&nbsp;right&nbsp;bottom&nbsp;left;示例：假设页面中放置了2行共6张图片12<img&nbsp;src="1.png"&nbsp;alt="example"><img&nbsp;src="1.png"&nbsp;alt="example"><img&nbsp;src="1.png"&nbsp;alt="example"><img&nbsp;src="1.png"&nbsp;alt="example"><img&nbsp;src="1.png"&nbsp;alt="example"><img&nbsp;src="1.png"&nbsp;alt="example">如果通过css设置图片边距为零，则效果如下1img{margin:0;}如果通过css设置图片各个方向的距离相等为10px，则效果如下1img{margin:10px;}如果通过css设置图片不等距离：上下20px，左右10px，则效果如下1img{margin:20px&nbsp;10px;}&nbsp;

Answer 2

可以通过内边距和外边距来设置分别是padding和margincss中padding和margin的区别margin 外边距border 边框padding 内边距也就是说 设置margin 那么他所占据的空白地方会是在边框外面设置padding 他所占据的空白地方是在边框里面