手机
当前位置:查字典教程网 >网页设计 > 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 floats创建三栏页布局

文字环绕图片的布局效果

使用CSS3实现圆角,阴影,透明

瀑布流布局的两种实现方式:传统多列浮动和绝对定位布局

CSS实现带箭头的DIV提示框

八种创建等高列布局

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

用css实现十字的布局示例代码

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

css+div 图片排列布局

精品推荐
分类导航