Challengeチャレンジ
成功
全ブラウザで縦書き設定
事の発端
body{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.text-combine {
-webkit-text-combine: horizontal;
-ms-text-combine-horizontal: all;
text-combine-upright: all;
}
事の発端
ウェブサイト作成時に和風を優先したサイトデザインとして、縦書きにすることが発生。
原因
下記のように設定すればできた。注意点として、基本的にウェブサイトは横に伸びすぎると揺れてしまうので、文章量を調整するか、縦の長さをできるかぎり伸ばすように設定する必要がある。
body{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.text-combine { -webkit-text-combine: horizontal; -ms-text-combine-horizontal: all; text-combine-upright: all; }
結果
縦書きの対応ができたので、確認をとってもらった。縦書きに関しては、問題なかったが、この時点で、アラビア数字が２ケタ以上になるとIEにておかしなことになることが発覚した。そのため、そちらの調整を行うことになった。アラビア数字を縦書きにする(失敗談）
ただ、２ケタの半角であれば問題ないので、いったんこちらは成功とする。