我正在尝试创建一个如下所示的项目列表：
主要要求是列表应该灵活，可以在不接触代码的情况下添加或删除列表项。
到目前为止我发现的最好的解决方案是将所有列表项（包括标题）放入<li>标记并使用本文中介绍的技术之一对其进行样式设置分开列出文章 http://www.alistapart.com/articles/multicolumnlists/:
<ul>
<li class="header">Drinks</li>
<li>Drink 1</li>
<li>Drink 2</li>
<li>Drink 3</li>
<li class="header">Meat</li>
<li>Meat 1</li>
<li>Meat 2</li>
<li>Meat 3</li>
<li>Meat 4</li>
<li>Meat 5</li>
<li>Meat 6</li>
etc.
</ul>
我想知道 Stack Overflow 上是否有一些更好的建议。
可能你能干净地实现这一点的唯一方法（没有javascript）是使用column-countCSS 属性。 IE 仅支持 10+：http://caniuse.com/multicolumn http://caniuse.com/multicolumn
这是一个演示：http://jsbin.com/efiqov/2/ http://jsbin.com/efiqov/2/
另外，标题应该是标题，而不是列表项。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
