网页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" />
我想问问有可能是什么原因造成的

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

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

希望帮助到你!
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-12-28
问题很奇怪,代码很短小,是什么原因,只能靠猜测。
第2个回答  2012-12-28
给你 的 css 表 加 全局样式
img{ display:block; border:0px; padding:0px; margin:0px; }
第3个回答  2012-12-28
img{margin:0px;padding:0px; float:left}
第4个回答  2012-12-28
你用的是什么浏览器啊,我这里没有出现这种问题啊

CSS中float:left是什么意思?
在CSS中,"float:left"是一个关键属性,它的作用是让元素向左浮动。当多个div元素需要在一个页面上排列时,通常它们会按照默认的行内布局,即每个div占据一行。然而,通过在div的样式中设置"float:left",你可以打破这种默认行为,使得一个div能够与其相邻的元素在同一行上显示,从而实现多元素的并排布局...

网页css排版出现阶梯float:left问题
或者把全部写在一行,不要分行写。这样也行的!希望帮助到你!

css中float:left什么意思?
在CSS中,float属性是用于设置元素的浮动布局方式。其中,"float:left"指的是让元素浮动在其容器的左侧,通过让元素向左浮动来调整其位置。这是一种常用的布局方式,尤其在网页设计中有广泛的应用。详细解释 1. float属性的作用 在CSS中,float属性允许元素在文本中浮动,可以向左或向右移动,使文本和内...

css中float:left是什么意思?
float: left;} 这将使具有相应类名的图片或段落向左浮动。需要注意的是,使用浮动布局时需要谨慎处理元素之间的间距和布局,以确保页面整体布局不会受到影响。总的来说,float: left在CSS中是一个强大的工具,可用于创建丰富的布局和设计。理解其工作原理和使用方法对于网页开发至关重要。

CSS+div布局中float:left具体解释?
看到你的问题首先针对的问题是float浮动问题,你得显示问题和position没有一丁点关系,因此ab显示和abc显示的问题就是简单的float设置问题,因此你所说的问题有没有设置position效果都是一样,你可以验证一下。css中float的守则就是如果浮动就都浮动,如果不浮动就都不浮动,这样能够很有效的解决你上面的...

CSS中float:left是什么意思?
float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素。

CSS中float:left是什么意思?
表示向左浮动,比如多个div在一个页面上,默认情况是:一行一个div,但是只要在div的css中使用float:left,可以使一行有多个div,这样可以把网页划分成很多块,但是使用该属性会影响后面的元素,所有如果后面的div不想再被影响,可以使用clear:both;可以理解为清除float:left和float:right的影响,返回到...

float left的问题 我网页显示的是竖着的3个text ,不是横着的??_百度...
不太明白你问的问题。1、如果想让DIV竖着往下,不用调什么,默认就是这样。2、如果想让它们横向一个挨一个排,每个DIV的CSS中都加上float: left;就行了 3、如果是行元素(比如超链接)就把它变成块元素。display: block;补充:有关布局时,用2方法时,一般是放在一个大DIV中。这样在大DIV上下的...

css 中设置了float: left之后为什么会覆盖住其他元素? 明明是向左浮动...
浮动,你可以理解为漂浮在空中,然后它后面紧挨着但未设置浮动的元素则仍然在地上,并且填补了漂浮元素原来在地上所占用的位置,也就是说,非浮动元素“钻”到浮动元素的下面去了,所以被盖住了。要想避免这种情况,必须让浮动元素清除浮动,最简单的方式就是给浅蓝色div加一个 overflow:hidden ,这样它...

网页CSS,div里面有个button,设置float:left后,页面看:div在上面缩成一...
button设为浮动(Float)后,它就脱离了正常的文档流,也就是说它已经不占div的“地”了,如果div未设置高度,它就会自动缩成一条线了。解决的办法有多种,比如给div设置高度(大于button的高度): 按钮或者在浮动元素的后面清除浮动(推荐此法): 按钮 ...

相似回答