我想知道为什么在应用以下CSS3居中文本技术后,短文本似乎不会受到text-align属性的影响(请参见答案):
Vertical align text in block element
这是该示例的JSFiddle,带有添加的text-align:right属性:http://jsfiddle.net/GqBAL/187/
(请注意,此处的文本较长,因此对齐正确)
但是一旦文本简短,就无法使用:http://jsfiddle.net/GqBAL/198/
有某种“理由”吗?我想念什么?我想使用该技术,但要使用任意长度的文本,而不仅仅是较长的文本。谢谢!
最佳答案
我不确定原因(最有可能与将内容显示为框有关)。但是有一个解决方案:使用box-pack
property。新增中
-webkit-box-pack: end;
-moz-box-pack: end;
以您的示例did the trick。
关于text - 如何使text-align:right,display:box和box-align:center共同作用于短文本?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10286891/