HTML 跨度对齐中心不工作？

我有一些 HTML:

<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>

Div 正在更改文档上的间距，因此我想改为使用 span。

但是 span 并没有把内容集中起来:

<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>

我该怎么补救？

编辑:

我的完整代码:

<html>
<body>


<p>This is a paragraph. This text has no alignment specified.</p>


<span style="border:1px solid red;text-align=center">
This is some text in a div element!
</span>


</body>
</html>
672608 次浏览
小开

不推荐使用 align属性。改为使用 CSS text-align。此外，除非使用 display:block或 display:inline-block并设置宽度值，否则 span 不会居中显示文本，但是它的行为将与 div (块元素)相同。

你能发布一个你的布局的例子吗? 使用 www.jsfiddle.net

小开
最佳答案

Div 是一个块元素，除非设置了宽度，否则它将跨越容器的宽度。Span 是一个内联元素，其中包含文本的宽度。目前，您正在尝试将对齐设置为 CSS 属性。Align 是一个属性。

<span align="center" style="border:1px solid red;">
This is some text in a div element!
</span>

但是，不推荐使用对齐属性。您应该在容器上使用 CSS text-align属性。

<div style="text-align: center;">
<span style="border:1px solid red;">
This is some text in a div element!
</span>
</div>
小开

请使用以下样式。通常使用 margin:auto来居中对齐内容。 span元素需要使用 display:table

<span style="margin:auto; display:table; border:1px solid red;">
This is some text in a div element!
</span>
小开

Span 是内联块，可以调整为内联文本大小，具有坚韧性，可以阻止大多数脱离内联上下文的样式。为了简化布局样式(限制冲突) ，可以使用换行符将 div 添加到‘ p’标记中。

<p> some default stuff
<br>
<div style="text-align: center;"> your entered stuff </div>
小开

在 css 中使用 word-wrap:break-word;就可以了。

小开 
span.login-text {
font-size: 22px;
display:table;
margin-left: auto;
margin-right: auto;
}


<span class="login-text">Welcome To .....CMP</span>

对我来说效果很好，也试试这个

小开

在所有其他解释之上，我相信你使用的是等号 "="，而不是冒号 ":":

<span style="border:1px solid red;text-align=center">

它应该是:

<span style="border:1px solid red;text-align:center">

提交答案