同样的css在同样的浏览器，显示出现大概1px的偏差？

Question

都是一个循环出来的列表。相同的css和类名 但是第一个显然相对右偏一个像素左右。
什么原因，如何解决？

Answer 1

自答吧，通过不断测试和研究。最后给span添加了一个display：inline-block解决了。 不过我还没太理解具体内在逻辑。

Answer 2

和左边对比起来中文和英文看起来给人的视觉上的偏差吧

Answer 3

不知道你用的是什么浏览器？换个浏览器比如EDGE看下。或者贴出完整的demo。

Answer 4

因为你这个元素没有给属性啊
1.不同浏览器对标签的解析是不一样的啊亲
2.中文字符与英文字符是不一样的

<p>
    <span>文字</span>
</p>

span {
    width: 100px;
    height: 50px;
    text-align: center;
}

给父元素或者元素一个属性，是最妥当的行为。