将 ul+li 分两列显示的方法
来源:互联网 发布:电子屏软件图标 编辑:程序博客网 时间:2024/04/20 04:25
目的很简单:有一个 ul>li 列表,默认为单列显示,把它变为两列显示。方法1,使用DIV+CSS代码:<style type="text/css">.mycode{ width:300px; height:74px; float:left;}.mycode ul{ width:280px;}.mycode li{ width:100px; float:left; display:block;}</style><div><ul><li>ABC</li><li>ABC</li><li>ABC</li><li>ABC</li><li>ABC</li><li>ABC</li></ul></div>方法2,直接使用CSS控制<style type="text/css">.list{width:400px;overflow:hidden;zoom:1;border:1px solid #ccc}.list li{float:left;width:190px;padding:5px}</style><ul class="list"><li>ABC</li><li>ABC</li><li>ABC</li><li>ABC</li><li>ABC</li><li>ABC</li></ul>
- 将 ul+li 分两列显示的方法
- <ul><li></li></ul>之间的文字居中水平显示
- ul li 列表的居中显示
- ul li 居中显示
- 修改UL和LI间隔的方法
- 原生js点击ul下边li显示其索引值的”n“种方法
- 原生js点击ul下边li显示其索引值的”n“种方法
- ul 标签 li 居中显示
- ul、li显示图片标记
- 点号“·”的显示 替代 ul li 的功能
- 去掉ul li 的自定义格式的方法 的方法
- div里面的li一行显示,ul居中
- 让UL里的li在一行显示
- ul和li实现分两列(多列)布局显示
- 将一个ul下的li转移到另外一个ul里面 【appendTo】
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
- Css <ul><li>列表的样式的控制</li></ul>
- jQuery里 $("ul > li") 跟 $("ul li") 的区别
- Android自定义action与permission!!!
- iOS 6 新特新CollectionView的使用实现九宫格
- jquery控制css样式
- hdu2813字典树+KM
- 二叉查找树的插入和删除简单实现
- 将 ul+li 分两列显示的方法
- 设计模式之简单工厂模式(Simple Factory)
- static详解
- 统计问题
- 使用DBCP出现registered the JDBC driver [com.mysql.jdbc.Driver] but failed to unregister it
- SVN报错处理
- 大陆申请GooglePlay账号的方法(目前网络上流传的方法是不正确的)
- 【书摘】《编写高质量代码 Web前端开发修炼之道》 - 书摘精要
- 如何修改SGA大小