当N个元素波动后,会致使移位的难题。1般给元素1个固定不动的height就沒有这个状况。
可是当高宽比不1致时,就必须想其他方法来处理了: 1、给父元素界定font-size:0; 波动子元素界定必须的font-size, 再界定display:inline-block;vertical-align:top;
ul{
margin:0;
padding:0;
list-style-type:none;
font-size:0;
}
ul li{
width:160px;
display:inline-block;
vertical-align:top;
font-size:12px;
}
2、给换行后的第1个li加上clear:left 如:
ul li{float:left;width:160px;}
.c{clear:left;}
<li>1</li>
<li>2</li>
<li>3</li>
<li class="c">4</li>
<li>5</li>
<li>6</li>
在这里,程序流程循环系统时,加上个if分辨便可。