1
A
回答
0
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);
希望幫助:)
1
使用transform
屬性來這裏旋轉你的div是你做垂直居中對齊和text-align
製作gorizontal居中對齊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/
0
Firstofall現在的位置是你的文字你的方式喜歡,而不是試圖實施輪換。
套用`transform:rotate(-90deg);以及您的div上的供應商細節
相關問題
- 1. 在div中垂直居中文本?
- 2. 在div中垂直居中的文本
- 3. 在一個div垂直居中文本
- 4. 垂直居中div
- 5. 垂直居中div div
- 6. 文本垂直居中
- 7. ImageMagick:垂直居中文本?
- 8. css垂直居中文本
- 9. 垂直居中文本
- 10. CSS垂直居中文本
- 11. 垂直居中文本
- 12. 垂直居中一格div
- 13. 垂直居中兩個div
- 14. 如何垂直居中div?
- 15. 如何垂直居中div?
- 16. 垂直居中一頁div
- 17. 居中Div元素垂直
- 18. 垂直居中div嗎?
- 19. 垂直居中一個div
- 20. 如何垂直居中div?
- 21. 垂直居中的div
- 22. 垂直居中兩格div
- 23. 垂直居中一個div內的div
- 24. 居中圖像在垂直div div
- 25. 垂直居中Div內的Div
- 26. 標籤中的垂直居中文本
- 27. jquery masonry中垂直居中文本
- 28. 在UILabel中垂直居中文本
- 29. 無法在div中垂直居中文本
- 30. CSS在段落/ div中垂直居中文本...?
此填充僅用於目測中心右側?我不認爲它是一個真正的汽車中心 – user1233337
是的,它是。但是你知道div的寬度和高度,所以你可以很容易地將它設置爲實際值 –