我的css代码如下,为什么读出来的图片每一行只有1个,能不能每行三个,第四个换行_html/css_WEB-ITnose
我的css代码如下,为什么读出来的图片每一行只有1个,第二个就会换行到下一行,请问怎么修改才能每行三个,第四个换行。
另外margin:10px auto是设置和表格上端的距离是10px,请问怎样才能设置与表格左边的距离也是10px。
这样显示的距离离左边还有有一段距离的。
-
人气:[pagelist:hits]
{maccms:vodpagelist num=20 type=current by=time order=desc}
{/maccms:vodpagelist}
回复讨论(解决方案)
<style type="text/css"> <!-- * { 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; } --> </style>
另外margin:10px auto是设置和表格上端的距离是10px,请问怎样才能设置与表格左边的距离也是10px。
margin-top : 10px;
margin-left:10px;
li float 每行显示的数目与窗口宽度有关,如果向控制每行显示数目,是不是只能用Table?
我这有500个宽度,足够显示三列了。这些代码都是放在一个表格内。
多谢,距离左边10px已经实现,只是图片每一行只有1个,第二个就会换行到下一行。应该如何调整代码呢?
我这有500个宽度,足够显示三列了。这些代码都是放在一个表格内。
看看你的表格TD 的宽度
不过我从代码里面没有见到TABLE元素
|
这是