泥土的味道是苦涩的，海水的味道是苦咸的，树林中清新的空气也有着一丝苦津津的味道。这苦的大自然，孕育了人们交织着各种苦痛的心灵。广袤的土地，浩瀚的海洋，辽阔的天空，构成了我们这个世界。
简单语句实现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如何实现分两列（多列）布局显示内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
![CSS 模拟float如何实现center文字左右环绕图片的效果](".../01.jpg)
![容易忽略的CSS特性]("images/5.jpg)
![CSS 定位之position全面了解]("1.jpg)
