我想知道为什么短文本似乎不会受到text-align属性的影响,一旦应用了以下用于居中文本的CSS3技术(请参阅答案):
Vertical align text in block element
以下是该示例的JSFiddle,其中添加了text-align:right属性:http://jsfiddle.net/GqBAL/187/ (请注意,这里的文本正确对齐,因为它很长)
但是,一旦文字很短,它就不起作用:http://jsfiddle.net/GqBAL/198/ 这有什么“理由”吗?我错过了什么?我想使用这种技术但是对于任何文本长度,而不仅仅是更长的文本。谢谢!
答案 0 :(得分:2)
我不确定理由(很可能与将内容显示为方框有关)。但有一个解决方案:使用box-pack
property。添加
-webkit-box-pack: end;
-moz-box-pack: end;
到示例did the trick。