-2
A
回答
2
我剛剛發佈了一個示例以說明如何使其與position
配合使用。如果你不需要再檢查第2段
.main {
position:relative;
}
.tilt {
position:absolute;
top:30px;
left:0px;
transform:rotate(-90deg);
color:#000;
padding:0 10px;
border:1px solid #000;
text-align:center;
}
.tilt p {
margin:0px;
}
<div class="main">
<div class="tilt">
<p>
HELLO
</p>
</div>
</div>
.tilt {
transform:rotate(-90deg);
color#000;
padding:0 10px;
border:1px solid #000;
text-align:center;
display:inline-block;
margin-top:22px;
}
.tilt p {
margin:0px;
}
<div class="tilt">
<p>
HELLO
</p>
</div>
相關問題
- 1. CSS旋轉向下擴展文本?
- 2. 旋轉文本在div的右下角
- 3. 使用css旋轉右邊框
- 4. 使用CSS從右向左旋轉圖像
- 5. 如何使用css旋轉SVG文本
- 6. 僅使用CSS旋轉90°的文本
- 7. 使用CSS和IE旋轉文本
- 8. 如何使用CSS旋轉文本
- 9. 使用CSS防止SVG文本旋轉
- 10. 如何旋轉的按鈕,如左側和右側採用旋轉插件
- 11. 浮動文本向右CSS
- 12. 如何,如果你需要一個右右旋轉或向右向左旋轉
- 13. CSS:盒子右側的旋轉陰影效果
- 14. 不使用CSS3左下角左右旋轉的圖像旋轉
- 15. 向右旋轉2d陣列
- 16. 圍繞屏幕右側旋轉UIView
- 17. bootstrap旋轉木馬右側的空間
- 18. 使用jQuery向上或向下旋轉
- 19. CSS旋轉文本 - 複雜
- 20. CSS Divs和文本旋轉
- 21. 使用CSS移動在文本流圖像右側
- 22. Java-Chars可以向左旋轉但不能向右旋轉?
- 23. CSS左側和右側
- 24. AVL樹向左和向右旋轉C#
- 25. CSS絲帶右側
- 26. CSS動畫向右轉
- 27. CSS轉換:向右移動
- 28. 使用Textrenderer旋轉文本
- 29. 當使用CSS翻轉卡時,文本向下移動
- 30. 使用Javascript/CSS旋轉,轉換佔位符文本
-webkit-變換:旋轉(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); 寫模式:lr-tb; – Sharon
'transform:rotate(270deg)' - [CSS3 transform property](https://www.w3schools.com/cssref/css3_pr_transform.asp) –