1

インターフェイスの作成に使用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);

ありがとう。

4

2 に答える 2

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 ツール:

http://www.css3maker.com/text-rotation.html

于 2013-06-04T13:35:44.643 に答える