亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

當列標題垂直時,如何自動設置空 HTML 表列的寬度?

當列標題垂直時,如何自動設置空 HTML 表列的寬度?

隔江千里 2023-09-18 15:17:27
我正在嘗試在 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 回答

?
慕斯王

TA貢獻1864條經驗 獲得超2個贊

您可以嘗試 ,以便瀏覽器仍然可以適應更廣泛的內容。min-width


th,

td {

  min-width: 1em;

}


查看完整回答
反對 回復 2023-09-18
  • 1 回答
  • 0 關注
  • 88 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號