CSS text-align 用于文本以外的其他内容（如按钮）答案

【问题标题】：CSS text-align for other stuff than text (like buttons)CSS text-align 用于文本以外的其他内容（如按钮）
【发布时间】：2012-10-01 08:37:52
【问题描述】：

根据W3Schools，该属性用于“对齐元素内的文本”。

但是，当以不同的方式使用它时，比如按钮，它也可以完美地工作。见this JsFiddle

在这种情况下使用 align-text CSS 属性是个好主意，还是其他更好的解决方案，例如将float: right 放在按钮上？

我想知道这个属性是只用于文本还是名称选择不当。

（正如Ray Toal指出的，答案在the official W3C spec）

【问题讨论】：

哦，不！您链接到属性的 W3 Schools 描述，而不是 W3C 的规范！它们根本不是一回事！ W3C 规范是here。您可以看到它在其块中对齐内联元素，就像接受的答案状态一样。 Beware of W3Schools!
@RayToal 这确实是一个严重的错误。我不知道 W3Schools 与 W3C 无关。感谢您指出我应该避免它。

【解决方案1】：

更准确地说，它用于对齐父元素中的文本和内联元素。

因此跨度、按钮、带有display:inline-block 的元素等将根据text-align 对齐，而块级元素不受影响（但可以继承容器的text-align 并将其应用于进一步的后代）。

【讨论】：

好的，它适用于文本和内联的任何内容。谢谢。我想知道为什么他们不称它为“horizontal-align”或简单地称为“align”，就像可以在 html 元素中使用的属性名称一样（我知道这真的很糟糕）

【解决方案2】：

您在这里使用text-align 非常好。然后使用浮点数需要从它们的效果中清除以下元素，等等

非常好：我不会说您示例的 HTML 代码（表格、无标签、无 for/id 关联）

【讨论】：