等分系统


ul核心class属性为 equal- 在其后添加几等分的数值即可
如果内容大小区别较大,导致等分少一份。即:想分成8份时,只分成了7份,右边空出较大一块。可以为每一份设定 最大宽度:max-width 来解决
代码
<!--等分系统-->
<!--下列li将会分成4等分-->
<ul class="equal-4 clear">
	<li>女王镇</li>
	<li>玩具城</li>
	<li>莉莉丝</li>
	<li>绿水灵</li>
	<li>明珠港</li>
	<li>特莱雅</li>
	<li>射手村</li>
</ul>
<!--等分系统-->
<!--下列li将会分成4等分-->
<ul class="equal-4">
	<li>女王镇(电信)</li>
	<li>玩具城(电信)</li>
	<li>莉莉丝(电信)</li>
	<li>绿水灵(电信)</li>
	<li>明珠港(多线)</li>
	<li>特莱雅(多线)</li>
	<li>射手村(多线)</li>
	<span class="clearfix"></span>
</ul>
演示