在div上垂直显示文本

时间:2014-11-25 03:00:40

标签: css text

如何像这样垂直显示div中的文字? vertical text

我一直在尝试CSS,但没有成功

1 个答案:

答案 0 :(得分:2)

您可以尝试使用 CSS Block Flow

.myText {
    -ms-writing-mode: tb-rl;
 /* old syntax. IE */
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
 /* new syntax */
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;
    -ms-text-orientation: upright;
    text-orientation: upright;
}
<div class="myText">
  䦦コめ じぢゃ蝥㠧簥 䩩騧ほ堨べ び楌奯狦ぐ ぎょき
</div>

注意:CSS Block流程仍然是w3学校2014年草案的一部分,因此某些移动设备会出现兼容性问题,但如果您的问题范围没有扩展到这个程度,则此解决方案是最佳的。