垂直文本，居中div

Question

我被困在使一個文本（單行）垂直運行，並保持居中集裝箱，從左到右，從上到下。

我如何得到它與CSS做了什麼？

Answer 1

text-align:center; 
line-height:1000px; 
-moz-transform:rotate(-270deg); 
-moz-transform-origin: bottom left; 
-webkit-transform: rotate(-270deg); 
-webkit-transform-origin: bottom left; 
-o-transform: rotate(-270deg); 
-o-transform-origin: bottom left; 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 

希望幫助:)

Answer 2

使用transform屬性來這裏旋轉你的div是你做垂直居中對齊和text-align製作gorizo​​ntal居中對齊CSS和padding。跨瀏覽器的解決方案：

div { 
    margin: 50px; 
    width: 100px; 
    text-align: center; 
    height: 50px; 
    background: red; 
    -moz-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
     -webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
     -o-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
     -ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
     transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
} 
p { 
    margin: auto; 
    padding: 15px; 
} 

現場演示：http://jsfiddle.net/YANxZ/

UPD：您可以輕鬆編輯CSS3屬性（比如transform）在此發電機：http://css3generator.com/

Answer 3

Firstofall現在的位置是你的文字你的方式喜歡，而不是試圖實施輪換。

套用`transform：rotate（-90deg）;以及您的div上的供應商細節