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

发布时间:2017-3-29 9:26:26 编辑: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)

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款