同樣的css在同樣的瀏覽器，顯示出現(xiàn)大概1px的偏差？

不知道你用的是什么瀏覽器？換個(gè)瀏覽器比如EDGE看下。或者貼出完整的demo。

和左邊對比起來中文和英文看起來給人的視覺上的偏差吧

因?yàn)槟氵@個(gè)元素沒有給屬性啊
1.不同瀏覽器對標(biāo)簽的解析是不一樣的啊親
2.中文字符與英文字符是不一樣的

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

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

給父元素或者元素一個(gè)屬性，是最妥當(dāng)?shù)男袨椤?/p>

自答吧，通過不斷測試和研究。最后給span添加了一個(gè)display：inline-block解決了。 不過我還沒太理解具體內(nèi)在邏輯。