唯一のCSSを使用した縦書きテキストを作成する方法?
-
12-09-2019 - |
質問
これは、IE6と互換性のある唯一のCSSを使用して、縦書きテキストを作成することは可能です+?
垂直では私が意味する
F
O
O
B
A
R
解決
の編集のあなたは次のことを試すことができます:
p {
letter-spacing: 1000px; // more than width of parent
word-wrap: break-word; // seems to work in at least Firefox and IE7+
}
このは、Firefox 3.5とIE7 +(今IE6へのアクセスを持っていない)で動作するようです。その溶液から欠けている唯一のことは、スペースのための余分な改行で、結果は何かます:
F
O
O
B
R
他のヒント
今日では、ブラウザに依存しない方法では不可能です。 CSS3のを待ちます。
これはIEで動作しますが、残念ながらありませんFFます:
.verticaltext
{
writing-mode: tb-rl;
filter: fliph flipv;
}
あなたはこのCSSを使用した(少なくともIEで)似た何かを達成することができます:
.verticaltext {
writing-mode: tb-rl;
}
しかし、これは時計回りに90度で文字を回転します。
所属していません StackOverflow