Html 宽度和文本对齐属性

为什么

文本对齐

和

宽度

不应用于内联元素。例子。 你能得到CSS规范的校对链接吗？

HTML

<span>Some text</span>

输出：

了解有关显示属性的更多信息

更新：

这可以通过这种方式实现，但由于以下原因，不建议这样做

提供指定任意元素渲染的方法，包括元素渲染为块还是内联。在某些情况下，例如列表元素的内联样式，这可能是合适的，但一般来说，不鼓励作者以这种方式覆盖HTML元素的常规解释

---

尺寸和对齐与span（如果有的话）不匹配。包裹它或使用div

<style type="text/css">
div{text-align:center; width:100%;}
</style>

<div>
<span>Some text</span>
</div>

div{文本对齐：中心；宽度：100%；}
一些文本

宽度

宽度属性不适用。“左边距”或“右边距”的计算值“自动”变为使用值“0”

文本对齐

• 值：左|右|中心|对齐|继承
• 首字母：如果“方向”为“ltr”，则为“左”，如果“方向”为“rtl”，则为“右”
• 适用于：阻止容器
• 继承人：是的
• 百分比：不适用
• 媒体：视觉
• 计算值：初始值或指定值

---

引号来自CSS 2.1规范。

。使其成为

内联块

元素。尝试添加

显示：块CSS规范是否拒绝对内联元素应用宽度和文本对齐属性？是的，因为内联元素没有宽度、边距和填充等框属性。宽度没有什么可应用的。你不能用像div这样的块元素来解决它吗？通常，您不应该覆盖这些，最好使用div。请参见以下问题：
<style type="text/css">
div{text-align:center; width:100%;}
</style>

<div>
<span>Some text</span>
</div>