在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年草案，所以會出現與某些移動設備的兼容性問題，但如果你的問題的範圍不擴大到臨時噸度，這個解決方案是最佳的。