如何使 text-align:right、display:box 和 box-align:center 一起用于短文本？答案

【问题标题】：How to make text-align:right, display:box and box-align:center work together for short text?如何使 text-align:right、display:box 和 box-align:center 一起用于短文本？
【发布时间】：2012-05-04 10:32:32
【问题描述】：

我想知道为什么短文本似乎不受 text-align 属性的影响，一旦应用了以下用于使文本居中的 CSS3 技术（请参阅答案）：

Vertical align text in block element

这是该示例的 JSFiddle，添加了 text-align:right 属性：http://jsfiddle.net/GqBAL/187/ （请注意，这里的文本因为很长而正确对齐）

但是一旦文字短了就不行了：http://jsfiddle.net/GqBAL/198/ 有什么“理由”吗？我错过了什么？我想使用该技术，但对于任何文本长度，而不仅仅是更长的。谢谢！

【问题讨论】：

标签： text css centering text-align

【解决方案1】：

我不确定原因（很可能与将内容显示为框有关）。但是有一个解决方案：使用box-pack property。添加

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

你的例子did the trick。

【讨论】：

...但现在较长的中断文本将不再向右对齐:(参见here有什么想法吗？
啊，它只是错过了“文本对齐：右”......然后它works fine！再次感谢！