使用ul和li进行浮动布局(自适应)
1 图片上下两排:
首先盒子的宽度要给100%
ul包裹一个div,首先量好盒子的宽和高,并进行设置, margin 0 auto 盒子居中显示
每个li向左浮动,如果有间隔给一个margin-right即可,使用伪类选择器 nth-child来将不需要margin的元素选择出来并
去除相应的属性(如nth-child(n+4) 可以选中第4个到最后的li)
2024-02-21 23:41:46
使用ul和li进行浮动布局(自适应)
1 图片上下两排:
首先盒子的宽度要给100%
ul包裹一个div,首先量好盒子的宽和高,并进行设置, margin 0 auto 盒子居中显示
每个li向左浮动,如果有间隔给一个margin-right即可,使用伪类选择器 nth-child来将不需要margin的元素选择出来并
去除相应的属性(如nth-child(n+4) 可以选中第4个到最后的li)