Question

网页css排版出现阶梯float：left问题

为什么会出现这种阶梯状?
在本地测试正常，上传到网上就变成这样的了
代码如下：
<img style="float:left" alt="Inkjet printing" src="/00.jpg" />
<img style="float:left" alt="Inkjet printing" src="/01.jpg" />
<img style="float:left" alt="Inkjet printing" src="/02.jpg" />
<img style="float:left" alt="Inkjet printing" src="/03.jpg" />
<img style="float:left" alt="Inkjet printing" src="/04.jpg" />
<img style="float:left" alt="Inkjet printing" src="/05.jpg" />
我想问问有可能是什么原因造成的

Answer 1

把img转换为区块display:block;试试看！很有可能就是这个原因，因为图片<img />如果不转换区块的话，有可能会占位置。

或者把全部<img />写在一行，不要分行写。这样也行的！

希望帮助到你！

Answer 2

问题很奇怪，代码很短小，是什么原因，只能靠猜测。

Answer 3

给你 的 css 表 加 全局样式
img{ display:block; border:0px; padding:0px; margin:0px; }

Answer 4

img{margin:0px;padding:0px; float:left}

Answer 5

你用的是什么浏览器啊，我这里没有出现这种问题啊