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/><img/>之间的空格删掉试试

Answer 2

<img>写的时候不要换行 换行了就出现这样效果

Answer 3

Vue实践-CSS样式position/display/float属性对比使用