1

css を div に追加しました

.rotate { 

height: 50px;
width: 50px;
padding: 1px;
font-family:Arial, Helvetica, sans-serif; font-size:12px;
    margin-top:45px;
    margin-bottom:10px;
  -webkit-transform: rotate(-90deg); /* safari/chrome */ 
  -moz-transform: rotate(-90deg); /* firefox 3.5+ */ 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* ie5.5+ */ 
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
  display:block; 
  text-overflow:ellipsis;
  overflow:hidden;

}

表示された div は ... 各垂直線に表示されます!

ここに画像の説明を入力

4

1 に答える 1

1

あなたのCSSは...、要素内に収まらないテキスト行の後に配置するように指定しています:

text-overflow: ellipsis;

幅と高さを変更して、テキストが収まるようにします。

編集

...すべての縦書きテキストの後に置きますか? 私はあなたが何を意味すると思います：

t t t
x x x
e e e
t t t
     
t t t
r r r
e e e
v v v ...

それ以外の：

. . .
. . .
. . .
t t t
     
t t t
r r r
e e e
v v v

しかし、CSSではそれが可能だとは思いません。要素に入れるテキストは次のようになります。

vert text
vert text
vert text
.
. 
.

それを回転させると、次のようになります。

t t t
x x x
e e e
t t t
     
t t t
r r r
e e e
v v v . . .

私が考えることができる他の方法はありません。

于 2013-10-22T09:36:14.327 に答える