如何解决在固定大小的ul和浮动li的内部,如何使它们正确格式化
| 我有一个200像素的ul,里面的每个li都是100像素。每个li有一个float:left属性,现在列表从左到右从右到右列出,我如何才能按从左列到右列的顺序显示每个列表项。这是一个例子,可以更好地了解我在说什么List now:
List Item 1 List Item 2
List Item 3 List Item 4
List Item 5 List Item 6
List Item 7
How I want the list:
List Item 1 List Item 6
List Item 2 List Item 7
List Item 3
List Item 4
List Item 5
标记:
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
<li>List Item 6</li>
<li>List Item 7</li>
</ul>
解决方法
如果要在CSS中执行此操作,则必须使用非跨浏览器CSS3 2。
这是对该属性的一些解释:http://www.quirksmode.org/css/multicolumn.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。