使用ul和li进行图片的布局

使用ul和li进行浮动布局(自适应)

1 图片上下两排:
首先盒子的宽度要给100%

ul包裹一个div,首先量好盒子的宽和高,并进行设置, margin 0 auto 盒子居中显示

每个li向左浮动,如果有间隔给一个margin-right即可,使用伪类选择器 nth-child来将不需要margin的元素选择出来并
去除相应的属性(如nth-child(n+4) 可以选中第4个到最后的li)

 

使用ul和li进行图片的布局

 

 

上一篇:日志系统之Flume日志收集


下一篇:前端每日实战:1# 视频演示如何用纯 CSS 创作一个按钮文字滑动特效