我正在嘗試在 HTML 中布置一個表格,其中:列標題具有豎排文本某些列(在正文中)為空理想情況下,我希望瀏覽器自己計算所有列寬。我看到的是非空列很好,但空列被壓扁了,就好像瀏覽器沒有考慮旋轉文本的寬度一樣。此處的 HTML (注意列“二”為空)<table> <thead> <tr> <th><div class="vertical">One</div></th> <th><div class="vertical">Two</div></th> <th><div class="vertical">Three</div></th> </tr> </thead> <tbody> <tr><td>1</td><td></td><td>3</td></tr> <tr><td>1</td><td></td><td>3</td></tr> </tbody></table>和 CSS(也嘗試過,結果相同):-webkit-writing-mode.vertical { writing-mode: vertical-lr}這里還有一些關于垂直列標題的其他問題,但他們沒有問空列,而是主要使用對我來說看起來很丑陋的列。transform: rotate(-90.0deg)如圖所示(上表顯示問題 - 我用水平標題制作了下表,以顯示瀏覽器可以正確計算寬度):在這個jsfiddle中:https://jsfiddle.net/j5srL1m7/我在Firefox 74和Safari上看到了相同的內容,所以我想這是CSS布局規范中的東西嗎?
- 1 回答
- 0 關注
- 88 瀏覽
添加回答
舉報
0/150
提交
取消