텍스트 정렬 방법 : 오른쪽, 표시 : 상자 및 상자 맞춤 : 센터가 짧은 텍스트를 위해 함께 작동합니까?

Question

내가 텍스트를 중심에 대해 다음 CSS3 기술이 적용되면 짧은 텍스트는 텍스트 정렬 속성에 의해 영향을받을 것 같지 않는 이유를 궁금

(답 참조)

여기

Vertical align text in block element

가 JSFiddle입니다 http://jsfiddle.net/GqBAL/198/ 이 있습니까 : 바로 재산 : 추가 텍스트 정렬에 그 예를의

그러나 텍스트가 짧은되면, 그것은 작동하지 않습니다 http://jsfiddle.net/GqBAL/187/ (이 길기 때문에 통지 여기에 텍스트를 얻을의 적절하게 정렬) 어떤 종류의 "이유"가 있습니까? 내가 뭘 놓치고 있니? 이 기법을 사용하고 싶지만 텍스트 길이가 길면 길지 않습니다. 고맙습니다!

Answer 1

나는 이유에 대해 확신하지 못합니다 (대부분 콘텐츠가 상자로 표시되는 것과 관련이 있습니다). 그러나 해결책이 있습니다 : box-pack property을 사용하십시오. 귀하의 예를 did the trick에

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

추가.