中心跨度，背景位于div

Question

<div>
<span style= "background: red; text-align: center;">
There is an error
</span>
</div>

文本对齐中心不起作用。我希望文字以背景为中心。

https://jsfiddle.net/yv246re9/

Answer 1

span标签是内联元素，不会居中，您需要使用一个采用内容宽度的元素来包裹文本，例如<p>或<h1>，或者可以添加 text-align: center 到父元素<div>。

Answer 2

尝试一下：

<div style="text-align: center; width:100%;">
<span style= "background: red; ">
There is an error
</span>
</div>

跨度将根据宽度为100％的父div定位在中心位置

Answer 3

您需要在display: block;之后添加text-align: center;。 span 并非块元素，而是内联元素。

有关更多信息：https://www.w3schools.com/tags/tag_span.asp

今天愉快！