不知道你用的是什么瀏覽器？換個瀏覽器比如EDGE看下?；蛘哔N出完整的demo。

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

因為你這個元素沒有給屬性啊
1.不同瀏覽器對標簽的解析是不一樣的啊親
2.中文字符與英文字符是不一樣的

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

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

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

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