在div上垂直显示文本

Question

如何像这样垂直显示div中的文字？

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

Answer 1

您可以尝试使用 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年草案的一部分，因此某些移动设备会出现兼容性问题，但如果您的问题范围没有扩展到这个程度，则此解决方案是最佳的。