我使用twitter-bootstrap
创建接口。
但我不知道如何使用垂直文本创建tab-widget
。
对于文本转换,我使用:
-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);
感谢。
答案 0 :(得分:5)
添加自定义类。
HTML:
<div class="letterP3">Hello</div>
CSS:
.letterP3 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
color: #000;
font-size: 22px;
height: 200px;
width: 200px;
float: left;
vertical-align:top;
}
http://jsfiddle.net/hellosze/8Rc27/
和CSS3工具:
答案 1 :(得分:0)
@lito - 我已经实现了左/右垂直引导标签here - 带有你描述的文字旋转。希望这会有所帮助。