Text 如何使文本对齐：右、显示：框和框对齐：中心一起工作以生成短文本？

我想知道，一旦应用了以下CSS3文本居中技术（参见答案），为什么短文本似乎不会受到文本对齐属性的影响：

下面是该示例的JSFIDLE，其中添加了文本align:right属性： （请注意，此处的文本已正确对齐，因为它很长）

但是一旦文本很短，它就不起作用了： 有什么“理由”吗？我错过了什么？我想使用这种技术，但对于任何文本长度，而不仅仅是更长的文本。谢谢大家!

我不确定原因（很可能是因为内容显示为方框）。但有一个解决办法：使用。添加

---

以您的示例为例。

…但是现在，打断的较长文本将不再与右侧对齐：（看到任何想法了吗？啊，它只是错过了“文本对齐：右侧”…然后就是它！再次感谢！

-webkit-box-pack: end;
-moz-box-pack: end;