在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块流仍是部w3学校2014年草案，所以会出现与某些移动设备的兼容性问题，但如果你的问题的范围不扩大到临时吨度，这个解决方案是最佳的。