手机
当前位置:查字典教程网 >网页设计 > 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实现图片圆角化处理

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

用CSS floats创建三栏页布局

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

CSS实现带箭头的DIV提示框

CSS的ul和li实现横向排列和去掉li的点

div怎么分左右两半?

css实现文字过长显示省略号的方法

Visual C++中实现对图像数据的读取显示

CSS网页右下角广告的布局实例

精品推荐
分类导航