ul和li实现分两列(多列)布局显示
2014-02-23 20:47
267 查看
简单语句实现DIV+CSS分两列(多列)布局显示
转载请注明出处:http://blog.csdn.net/itmyhome1990/article/details/19756399
<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>
转载请注明出处:http://blog.csdn.net/itmyhome1990/article/details/19756399
相关文章推荐
- ul和li简单语句实现DIV+CSS分两列(多列)布局显示(转)
- ul和li简单语句实现DIV+CSS分两列(多列)布局显示
- ul和li实现分两列(多列)布局显示
- ul和li实现分两列(多列)布局显示
- ul和li实现分两列(多列)布局显示
- ul和li实现分两列(多列)布局显示
- ul和li简单语句实现DIV+CSS分两列(多列)布局显示
- 利用ul,li,span,position:relative实现文本的居中显示
- ul+li实现类似table的自适应宽度布局
- 使用CSS,UL,LI实现新闻标题分栏显示
- 将 ul+li 分两列显示的方法
- (转)DIV CSS布局教程:应用ul、li实现表格形式
- DIV+CSS布局重新学习之css控制ul li实现2级菜单
- 将 ul+li 分两列显示的方法
- 将ul+li 分两列显示(横向显示)的方法
- 利用绝对定位实现两列右边固定宽度左边自适应布局
- 三种方式实现元素水平居中显示与固定布局和流式布局概念理解
- 神奇的listView实现自动显示隐藏布局Android代码
- android gridview布局,实现长按某一个,所有项都显示删除的图标
- 利用Overflow:Hidden实现自适应左右两列布局/填充父级元素剩余宽度