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

chrome浏览器li使用float:left错位的情况_html/css_WEB-ITnose

程序员文章站 2022-05-24 13:43:29
...
在IE下都正常,没有任何问题,但是在chrome(版本 45.0.2454.85 m)下却出现这样错位的情况,找不到是什么原因造成的。

假如不用float:left,从第5个li开始,也会有空白的情况,有谁遇到过这种情况,是什么原因引起的?



以下是代码:
chrome浏览器li出现空白错位


回复讨论(解决方案)

你把每一个li后面的空格删掉,全都是被这个空格引起的

你把每一个li后面的空格删掉,全都是被这个空格引起的


使用float:left之后就不存在空格问题了吧,而且每个li空格都一样的,不使用float:left,从第5个开始才有空白,要说有空白就全部都有,为什么前面4个没有,第5个开始才有

你把每一个li后面的空格删掉,全都是被这个空格引起的


原来在后面真有一个不可见的字符,那个看起来像是空格,但不是空格的,谢谢


你把每一个li后面的空格删掉,全都是被这个空格引起的


原来在后面真有一个不可见的字符,那个看起来像是空格,但不是空格的,谢谢
不知道这个是什么字符,使用notepad++的移除行尾空白移不掉,只能移普通的空格。



你把每一个li后面的空格删掉,全都是被这个空格引起的


原来在后面真有一个不可见的字符,那个看起来像是空格,但不是空格的,谢谢
不知道这个是什么字符,使用notepad++的移除行尾空白移不掉,只能移普通的空格。 那是一个全角的空格