等分系统


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>