单列变双列css_CSS如何使多行数据变成两列多行？

展开全部

首页你的数据HTML书写e68a84e8a2ad3231313335323631343130323136353331333337393464要规范。例如用ul+li无序列表写

• 111111111111
• 222222222222
• 333333333333
• 444444444444

这样子的话排版非常方便。用CSS浮动和宽来控制几行几列，示例代码如下：

*{margin:0;padding:0;}

body{font:16px/1.5 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", sans-serif, Arial, System;background-color:#FFF;}/*\9ED1\4F53黑体*/

li{list-style:none;}

.ul0{border:solid 1px #999;width:600px;}

.ul1{border:solid 1px #999;width:600px;overflow:hidden;}

.ul1 li{width:50%;float:left;}

.ul2{border:solid 1px #999;width:600px;overflow:hidden;}

.ul2 li{width:33%;float:left;}

• 111111111111
• 222222222222
• 333333333333
• 444444444444

• 111111111111
• 222222222222
• 333333333333
• 444444444444

• 111111111111
• 222222222222
• 333333333333
• 444444444444