如何制作文本对齐：右侧，显示：框和框对齐：中心一起工作的短文本？

Question

我想知道为什么看起来简短的文字并不由text-align属性的影响一旦施加定心文本以下CSS3技术（见答案）：

Vertical align text in block element

这里是的jsfiddle右键属性：与添加文本对齐的那个例子http://jsfiddle.net/GqBAL/187/ （注意，这里的文字得到的正确对齐，因为它是长）

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

Answer 1

我不确定理由（很可能它与将内容显示为一个盒子有关）。但有一个解决方案：使用box-pack property。添加

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

你的例子did the trick。