ul和li实现分两列（多列）布局显示

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

简单语句实现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>

转载请注明出处：http://blog.csdn.net/itmyhome1990/article/details/19756399

           

给我老师的人工智能教程打call！http://blog.csdn.net/jiangjunshow