0

一連の.jpegメニュータブがあります。これらのタブには垂直方向のテキストが含まれており、垂直方向（高さ>幅）に配置されています。画面の上から下に連続して移動するように垂直タブを作成しようとしていますが、いくつかのドキュメントを読んだ後、どこから始めればよいのかまだ正確にはわかりません。任意のヒント？非常にあいまいな質問で申し訳ありませんが、ほとんどの検索結果では、水平方向のテキストを含む垂直方向のメニューが必要であると想定しています。

4

2 に答える 2

1

word-wrap: break-word;狭い値と組み合わせて、width文字ごとにテキストを強制的に折り返すことができます: http://jsbin.com/ominus/1/edit

回転させた方が見栄えが良くなりますが、それは別のオプションです。

于 2012-09-12T19:40:06.987 に答える
0

ブラウザの互換性が優先されない場合は、CSS3を使用してみてください。

.rotated-text {
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg);   
    transform: rotate(-90deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Should work on IE9+ */
}

実例： http： //jsfiddle.net/C3qrT/

次に、必要に応じてテキストを揃える作業を行う必要があります。

于 2012-09-12T18:20:33.887 に答える