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

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

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

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

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

 

 

 

posted @ 2019-12-12 13:47  前端土元  阅读(1036)  评论(0编辑  收藏  举报