youbbs
youbbs
4455 0 0

纯css 实现的list 两栏列表

前端

效果：

Item 1    Item 7
Item 2    Item 8
Item 3    Item 9
Item 4    Item 10
Item 5    Item 11
Item 6    Item 12

http://jsfiddle.net/karlikdesign/fmroxyLy/

code

<style>
.list-columns {
-moz-column-count: 2;
-moz-column-gap: 60px;
-webkit-column-count: 2;
-webkit-column-gap: 60px;
column-count: 2;
column-gap: 60px;
}
</style>

<ul class="list-columns">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>  
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>  
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>  
  <li>Item 10</li>
  <li>Item 11</li>
  <li>Item 12</li>      
</ul>
0

See Also

Nearby

Discussion

Top posts

youBBS
Login Topics

youBBS

Topics

YB站长 问题 youbbs 云商店 SAE 互联网 bug 安全 php mysql seo 微博 程序员 云 趣图 模板 BAE 建议 GAE 阿里云 又拍云 创业 问答 趣事 盘点 优惠码 AppFog 前端 二次开发 saepy log python openshift 网络支付 英文站 VPS Octopress 七牛 ijd8 云盘 云服务 Nginx 数据库 在线工具 Google Golang lua youdb mithril ssl xmr 笔记 AI

工具