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

Question

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

垂直对齐块元素中的文本

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

但是一旦文本很短，它就不起作用了：http: //jsfiddle.net/GqBAL/198/ 是否有某种“原因”？我错过了什么？我想使用该技术，但对于任何文本长度，而不仅仅是更长的。谢谢！

Answer 1

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

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

以你的例子成功了。