ul和li如何实现分两列(多列)布局显示

泥土的味道是苦涩的,海水的味道是苦咸的,树林中清新的空气也有着一丝苦津津的味道。这苦的大自然,孕育了人们交织着各种苦痛的心灵。广袤的土地,浩瀚的海洋,辽阔的天空,构成了我们这个世界。
简单语句实现DIV+CSS分两列(多列)布局显示
复制代码
代码如下:

<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>

到此这篇关于ul和li如何实现分两列(多列)布局显示就介绍到这了。征服世界,并不伟大,一个人能征服自己,才是世界上最伟大的人。更多相关ul和li如何实现分两列(多列)布局显示内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: ul