我有一个这样的链接列表：
<div id="linklist">
<a href="link.html">Dummy link text</a>
<a href="link.html">Dummy link text</a>
<a href="link.html">Dummy link text</a>
<a href="link.html">Dummy link text</a>
<a href="link.html">Dummy link text</a>
<a href="link.html">Dummy link text</a>
</div>
现在我想将它们分成 3 列，（在本例中）每列有 2 个链接。
我知道有一个CSS3属性column-count和其他类似的属性，但不知何故链接在一行中。 （我将添加-webkit-如果以后需要的话前缀。）
CSS:
#linklist a {
display: inline-block;
margin: 3px;
padding: 4px;
-moz-column-count: 2;
}
像这样的东西jsFiddle http://jsfiddle.net/89JKM/?
#linklist {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
column-gap: 2em;
}
#linklist a {
display: block;
}
TheCSS column-*您可以使用的财产有：column-width, column-count, column-gap, column-rule, column-rule-width, column-rule-style, column-rule-color, column-span, column-fill, columns。来源：MDN https://developer.mozilla.org/en/CSS3_Columns.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
