手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >ul和li实现分两列(多列)布局显示
ul和li实现分两列(多列)布局显示
摘要:简单语句实现DIV+CSS分两列(多列)布局显示.myul{width:210px;}.myli{width:100px;/*如果显示三列则...

简单语句实现DIV+CSS分两列(多列)布局显示

<style type="text/css">

.my ul {

width: 210px;

}

.my li {

width: 100px; /*如果显示三列 则width改为70px*/

float: left;

display: block;

}

</style>

<div>

<ul>

<li>那些花儿</li>

<li>那些花儿</li>

<li>那些花儿</li>

<li>那些花儿</li>

<li>那些花儿</li>

<li>那些花儿</li>

</ul>

</div>

【ul和li实现分两列(多列)布局显示】相关文章:

用CSS的float属性创建三栏布局网页的方法

兼容各浏览器:CSS定义PNG透明效果

CSS实现左图右文混排布局的方法

通过浮动+定位实现两个div在同一行

文字环绕图片的布局效果

八种创建等高列布局

CSS使用ul进行网页的多列布局

用CSS实现表单form布局

CSS控制文字在Div最底部显示

CSS3实现多背景展示效果通过CSS3定位多张背景

精品推荐
分类导航