我的css代码如下，为什么读出来的图片每一行只有1个，能不能每行三个，第四个换行_html/css_

我的css代码如下，为什么读出来的图片每一行只有1个，第二个就会换行到下一行，请问怎么修改才能每行三个，第四个换行。

另外margin:10px auto是设置和表格上端的距离是10px，请问怎样才能设置与表格左边的距离也是10px。

这样显示的距离离左边还有有一段距离的。



* {
margin:0;
padding:0;
font-size:12px;
text-decoration:none;
}
#products {
width:500px;
margin:10px auto;
}
#products li {
width:20px;
height:24px;
float:left;
margin-left:5px;
display:inline;
}
#products li a {
display:block;
}
#products li a img {
border:1px solid #666;
padding:1px;
}
#products li span a {
width:110px;
height:30px;
line-height:24px;
text-align:center;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
-->





{maccms:vodpagelist num=20 type=current by=time order=desc}

人气:[pagelist:hits]


{/maccms:vodpagelist}

回复讨论(解决方案)

另外margin:10px auto是设置和表格上端的距离是10px，请问怎样才能设置与表格左边的距离也是10px。

margin-top : 10px;
margin-left:10px;

li float 每行显示的数目与窗口宽度有关，如果向控制每行显示数目，是不是只能用Table？

我这有500个宽度，足够显示三列了。这些代码都是放在一个表格内。

多谢，距离左边10px已经实现，只是图片每一行只有1个，第二个就会换行到下一行。应该如何调整代码呢？

我这有500个宽度，足够显示三列了。这些代码都是放在一个表格内。

看看你的表格TD 的宽度
不过我从代码里面没有见到TABLE元素

{maccms:vodpagelist num=20 type=current by=time order=desc}



人气:[pagelist:hits]


{/maccms:vodpagelist}

首页
上一页{maccms:pagenum len=8}下一页
尾页
{maccms:pagenow}/{maccms:pagecount}页 {maccms:pagesize}条/每页
{maccms:pageselect}










这是 标签的内容的。

#products li {
width:20px;
height:24px;
float:left;
margin-left:5px;
display:inline; ----- 改为 inline-block试下
}
#products li a {
display:block; ----- 注释此行看下
}

改了还是显示一行一个图片呢

STYLE代码做了小修改

#products li { //width:20px; //height:24px; float:left; margin-left:5px; display:inline; //border:solid 1px blue; 测试}  

                               	 人气:         	 人气:         	 人气:         	 人气:         
                                                        

firefox 20.0 IE 8.0 均得到以下效果

呵呵呵，同样的代码，得到的就是两种截然不同 结果。难道和我从数据库中读取的数据有关，

把你生成的html另存为htm，修改调试，再返回去看程序 输出的内容有什么问题

查看更多关于我的css代码如下，为什么读出来的图片每一行只有1个，能不能每行三个，第四个换行_html/css_的详细内容...