在HTML表格中透過CSS直排的問題

在HTML中，我們可以透過CSS的設定將文字直排，如下

.vertical-mode {
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;      
    writing-mode: vertical-rl;
}
<span class="vertical-mode"></span>

但是如果是將內容放在表格中，則無法正確顯示直排的效果

<table border=1><tr><td><span class="vertical-mode">表格文字直排測試</span></td></tr></table>

這是因為表格的高度不會因為直排而調整，所以解決方式是在td加入高度設定即可正確顯示

<table border=1><tr><td style="height:150px"><span class="vertical-mode">表格文字直排測試</span></td></tr></table>