關於使用fixed佈局出現無法指定寬度的問題

在使用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">&nbsp;</th><th width="105px">1</th><th width="371px">2</th></tr>

效果如下:

問題解決。

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章