ul-li布局等分块

代码

ul-li布局等分块_第1张图片
图片.png

注意:ul不设置宽度,包裹ul的包裹层必须设置合理的宽度
包裹层的宽度=三个li的宽度+2个缝隙(li设置的margin)+li设置了border就要加上
包裹ul的包裹层可以负责实现左右水平居中
ul设置的负margin会把自己的宽度变宽,从而方便下面一个li向上移动,所以只用设置合理的负margin即可,想让ul的哪边变宽,就设置margin的哪边负值。但是不会影响ul的包裹层度宽度

你可能感兴趣的:(ul-li布局等分块)