欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-09 18:14:04
...
我的css代码如下,为什么读出来的图片每一行只有1个,第二个就会换行到下一行,请问怎么修改才能每行三个,第四个换行。

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

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







{/maccms:vodpagelist}

回复讨论(解决方案)

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

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

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

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

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

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

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













这是标签的内容的。

#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_WEB-ITnose

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 我的css代码如下,为什么读出来的图片每一行只有1个,能不能每行三个,第四个换行_html/css_WEB-ITnose
  • 专题推荐

    作者信息
    我的css代码如下,为什么读出来的图片每一行只有1个,能不能每行三个,第四个换行_html/css_WEB-ITnose

    认证0级讲师

    推荐视频教程
  • 我的css代码如下,为什么读出来的图片每一行只有1个,能不能每行三个,第四个换行_html/css_WEB-ITnosejavascript初级视频教程
  • 我的css代码如下,为什么读出来的图片每一行只有1个,能不能每行三个,第四个换行_html/css_WEB-ITnosejquery 基础视频教程
  • 视频教程分类