ul和li实现分两列(多列)布局显示

发布时间:2016-12-10 3:31:38 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"ul和li实现分两列(多列)布局显示",主要涉及到ul和li实现分两列(多列)布局显示方面的内容,对于ul和li实现分两列(多列)布局显示感兴趣的同学可以参考一下。

简单语句实现DIV+CSS分两列(多列)布局显示 <style type="text/css"> .my ul { width: 210px; } .my li { width: 100px; /*如果显示三列 则width改为70px*/ float: left; display: block; } </style> <div class="my"> <ul> <li>那些花儿</li> <li>那些花儿</li> <li>那些花儿</li> <li>那些花儿</li> <li>那些花儿</li> <li>那些花儿</li> </ul> </div>

上一篇:【struts2】访问web元素三种方法
下一篇:USACO 2.2 Runaround Numbers (runround)

相关文章

相关评论