如何製作文本對齊：右側，顯示：框和框對齊：中心一起工作的短文本？

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。