Fork me on GitHub

布局小记

发表于 | 分类于

列表页布局有N种

  • float布局

float 布局 需要注意兼容性，还有父元素清空浮动

  • display:inline-block;

inline-block 布局需要注意宽度不同时顶端对其vertical-align:top,letter-spacing:0;还有父元素font-size:0;
eg：

1
2
ul{text-align:justify;}
li{display:inline-block;}

对于IE8浏览器，列表元素不能处在font-size:0的环境下，至少code>font-size:1px，因为IE8浏览器font-size:0或直接把换行空格或普通空格抹掉而无法实现两端对齐效果。参考