在使用table-layout:fixed 佈局時
當第一行爲合併單元格時,第二行及以下行設置的寬度不再生效 而是平均分成合並單元格數
如圖所示:
fixed
1、此設置下td的寬度不受內容決定,如果首行所有td都未顯式設置寬度,則table會儘可能地將每列的寬度平均分,首行以後的其他行設置的td寬度不會生效
2、如果首行的td顯示設置了寬度,則該列的寬度也就確定了,首行後的其他行對應這列設置的寬度不會生效
但是我需要做成支持第一行爲合併單元格 但是第二行支持自己設置寬度 而非均分單元格
解決:
由於首行是合併單元格導致以下單元格的寬度不生效 即首行不是合併單元格即可
所以在table的第一行加了一個<tr> 寬度設置爲自己想要的,然後設置爲不顯示即可;
代碼:
<tr style=" height: 0; overflow: hidden; line-height: 0; border: 0; opacity: 0; "> <th width="50"> </th><th width="105px">1</th><th width="371px">2</th></tr>
效果如下:
問題解決。