博客

div+css图片横向排列

  • Post author:
  • Post category:其他


css代码：
ul,li{ padding:0; margin:0; overflow:hidden;}
li{ list-style:none;}
img{ border:0;}
.box{ width:440px;}
.box li{ float:left; width:100px; height:80px; margin-right:10px;}
html代码：
<ul class="box">
 <li><img src="aa.gif" width="100" height="80" alt="" /></li>
 <li><img src="aa.gif" width="100" height="80" alt="" /></li>
 <li><img src="aa.gif" width="100" height="80" alt="" /></li>
 <li><img src="aa.gif" width="100" height="80" alt="" /></li>
</ul>