转载

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

简单语句实现DIV+CSS分两列(多列)布局显示

  1. <style type="text/css">
  2. .my ul {
  3. width: 210px;
  4. }
  5. .my li {
  6. width: 100px; /*如果显示三列 则width改为70px*/
  7. float: left;
  8. display: block;
  9. }
  10. </style>


  1. <div class="my">
  2. <ul>
  3. <li>那些花儿</li>
  4. <li>那些花儿</li>
  5. <li>那些花儿</li>
  6. <li>那些花儿</li>
  7. <li>那些花儿</li>
  8. <li>那些花儿</li>
  9. </ul>
  10. </div>

正文到此结束
Loading...