一个关于UL制作列表对齐的问题

28th 十一月 2007, 03:18 下午

是蓝色经典的一位同志提出的问题，偶的解决办法如下：

html部分

  1. <div>
  2.       <ul>
  3.     <li>img</li>
  4.     <li>img</li>
  5.     <li>img</li>
  6.     <li>img</li>
  7.     <li>img</li>
  8.     <li>img</li>
  9.     <li>img</li>
  10.     <li>img</li>
  11.        </ul>
  12. </div>

CSS部分

  1.  *{
  2. padding:0;
  3. margin:0;
  4. }
  5.  div{
  6. width:500px;
  7. border:1px solid #f00;
  8. overfow:hidden;
  9. }
  10.  ul{
  11. margin:0;
  12. padding:0;
  13. list-style:none;
  14. width:510px;
  15. margin-left:-10px;
  16. height:1%;
  17. overflow:hidden;
  18. border:1px solid green;
  19. }
  20.  li{
  21. float:left;
  22. height:50px;
  23. width:90px;
  24. margin-left:10px;
  25. display:inline;
  26. border:1px solid #000;
  27. }

演示效果

分类目录： 传说中的web标准  |  Comment