单列变双列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

版权声明:本文为weixin_39790168原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。