下面是一個帶有一些垂直文本的表格。它在 Chrome 和 Edge 中運行良好，但在 Firefox 中不行。（我沒有 Safari，所以我不能說什么。）如何修復它？
.vertical {
writing-mode: vertical-rl;
}
th, td {
max-height: 100px;
max-width: 200px;
}<table>
<tr>
<th>Lorem ipsum</th>
<th>Lorem ipsum</th>
<th class="vertical">Lorem ipsum dolor sit amet</th>
</tr>
<tr>
<td>Lorem ipsum.</td>
<td>Lorem ipsum.</td>
<td>Lorem ipsum.</td>
</tr>
<tr>
<td>Lorem ipsum.</td>
<td>Lorem ipsum.</td>
<td>Lorem ipsum.</td>
</tr>
</table>鉻和邊緣：
火狐：
uj5u.com熱心網友回復：
.vertical {
writing-mode: vertical-rl;
display : block;
}
只需添加“顯示：塊”
uj5u.com熱心網友回復：
這是一個錯誤，您需要設定高度并設定分詞以保持高度，如果它有更多的話：
.vertical {
writing-mode: vertical-rl;
height: 100px;
word-break: break-all;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/472017.html