Question

编写css,将纵向排列变成横向排列：

这是css:
.leftMainBox .smallbox1 {float:left;width:180px;margin:10px;_margin-

left:5px;border:#b6e6fb 1px solid;}
.leftMainBox .smallbox2 {float:left;width:322px;margin:10px 0;}
.leftMainBox .smallbox3 {float:left;width:180px;margin:10px;_margin-

right:5px;}
li.listimg1 {vertical-align: super;clear:none;color:#999;line-

height:20px;text-align:center; }
li.listimg1 span {display:block;font:12px/20px Tahoma;text-align:center; }
li.listimg1 a {line-height:20px;}
li.listimg1 img {border:0;border:#d6d6d6 0px

solid;overflow:hidden;margin:0;padding:1px;}
li.listimg1 a {color:#0066ff;text-decoration:underline;font-weight:bold;}

下面是页面在查看源码下的表现：
<tr>
<td><ul class="smallbox3"><li class="listimg1"><a href="/2011gz/show.asp?id=12307" target="_blank"><img src="/2011gz/UploadPic/2011-11/201111911553672223.jpg" width="180" height="140" border="0" alt="管理首页管理首页" /></a><span></span>
<a href="/2011gz/show.asp?id=12307" target="_blank" title="管理首页管理首页">管理首页管理首页</a></li>
<li class="listimg1"><a href="/2011gz/show.asp?id=12283" target="_blank"><img src="/2011gz/UploadPic/2011-11/201111911525716632.jpg" width="180" height="140" border="0" alt="图片" /></a><span></span>
<a href="/2011gz/show.asp?id=12283" target="_blank" title="图片">图片</a></li>

</ul></td>
</tr>
<tr>

现在图片显示出来是这样的，要变成横向排列的图片。
图片上来

Answer 1

li.listimg1 {float:left} 这个位置添加 浮动

追问

不行。整个全居左了

追答

应该不会有问题的，就是把你的代码补完整 然后加了个浮动

.leftMainBox .smallbox1 {float:left;width:180px;margin:10px;_margin-

left:5px;border:#b6e6fb 1px solid;}
.leftMainBox .smallbox2 {float:left;width:322px;margin:10px 0;}
.leftMainBox .smallbox3 {float:left;width:180px;margin:10px;_margin-right:5px;}
li.listimg1 {vertical-align: super;clear:none;color:#999;line-height:20px;text-align:center; float:left }
li.listimg1 span {display:block;font:12px/20px Tahoma;text-align:center; }
li.listimg1 a {line-height:20px;}
li.listimg1 img {border:0;border:#d6d6d6 0px

solid;overflow:hidden;margin:0;padding:1px;}
li.listimg1 a {color:#0066ff;text-decoration:underline;font-weight:bold;}

管理首页管理首页

图片

追问

可以了，实在是太感谢了，我一个美工，看这些代码真是要人命，写代码的同事都不给帮个忙，什么人呀！！！给你追加分！！

追答

额~~~

追问

这样的图片横向排列，没有间距啊。

追答

li.listimg1{} 这个位置 通过
margin
padding
这两种补白 划分间距

Answer 2

仔细检查一遍
只有一个属性可以设置：float :left ；

追问

float :left ；这个属性已经写了啊

追答

写了，但是你写到关键地方没有？
该浮动的地方就浮动，不该设浮动的就不需要；就像ul里面的Li一样，控制起来也是有点困难的；

Answer 3

图片呢