利用CSS实现8张图片每2张图片为一排,后面的图片自动对齐到下一排的实现方法

html-css05

利用CSS实现8张图片每2张图片为一排,后面的图片自动对齐到下一排的实现方法,第1张

有个办法是写8个div标记对,中间加img插入图片,然后设置float:left。第2、4、6个div设置css属性clear:right,这样就能够实现自动浮动成每2张图片为一排,后面的图片自动对齐的效果了

内容 content :盒子的主要区域,盒子中的文本内容以及后代元素都显示在内容区域中。

内边距 padding :内容与盒子边界的距离。

边框 border :边框显示在盒子的边界上。

外边距 margin :盒子和相邻兄弟元素或父元素的距离。

盒子的大小=内容的大小+内边距的大小+边框的大小

元素默认 总宽度 = 父元素内容的宽度 - 元素自己的左右外边距

元素默认 内容宽度 = 父元素内容的宽度 - 元素自己的左右外边距 - 元素自己的左右边框宽度 - 元素自己的左右内边距