2017-09-11 127 views
0

我的問題是將例如th放在50px和td在500px,這是否至少可能?不同寬度的th和td

我的問題,我用數據表,但讓多數人可以回答我分享一個簡單的代碼:

.abc { 
 
     width: 500px; 
 
    } 
 

 
    .def { 
 
     width: 50px; 
 
    }
<head> 
 
<title> Data Table </title> 
 

 
</head> 
 
<body> 
 
<table border="1"> 
 
<thead> 
 
    <tr> 
 
     <th>dkjg</th> 
 
     <th class="def">fdsg</th> 
 
     <th>dsgs</th> 
 
    </tr> 
 
</thead> 
 
<tbody> 
 
    <tr> 
 
     <td>sdkhgdlg</td> 
 
     <td class="abc">dsghj</td> 
 
     <td>dfsjhn</td> 
 
    </tr> 
 
    <tr> 
 
     <td>sdkhgdlg</td> 
 
     <td class="abc">dsghj</td> 
 
     <td>dfsjhn</td> 
 
    </tr> 
 
</tbody> 
 
</table>

+1

您能否提供想要的結果圖片?第三列在這種情況下應該如何表現? –

回答

2

不,這是不可能的。表中的所有列將始終具有相同的寬度。

你可以通過聲明兩個單獨的表來做到這一點。表1爲內容的標題和表2。