生活没有真正的完美，只有不完美才是最真实的美；生活没有一帆风顺的，只有披荆斩棘才能路路顺；生活没有永远的成功，只有在挫折中站起才是真正的成功，只有闪光的人生才算是生命的永恒。
目的很简单：有一个 ul>li 列表，默认为单列显示，把它变为两列显示。 方法1，使用DIV+CSS代码：
复制代码
代码如下:<style type="text/css">
.mycode{ width:300px; height:74px; float:left;}
.mycode ul{ width:280px;}
.mycode li{ width:100px; float:left; display:block;}
</style>
<div>
<ul>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
</ul>
</div>
方法2，直接使用CSS控制
复制代码
代码如下:<style type="text/css">
.list{width:400px;overflow:hidden;zoom:1;border:1px solid #ccc}
.list li{float:left;width:190px;padding:5px}
</style>
<ul class="list">
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
</ul>
本文将ul+li 分两列显示(横向显示)的方法到此结束。攀登者智慧和汗水，构思着一首信念和意志的长诗。小编再次感谢大家对我们的支持！
![CSS强制按比例缩小图片]("/jscss/demoimg/wall3.jpg)
![CSS3如何实现王者荣耀匹配人员加载页面的方法]("../images/123123.jpg)
![Webpack 中 css import 如何使用 alias 相对路径的方法]("~@/assets/xxx.jpg)
