表の列幅を調整する（CSS/HTML）

Question

私はモバイルで列幅を50％にしようとしていましたが、私が試したことはすべてうまくいきませんでした。これはCSSです。あなたは、列の幅は、テーブルを使用して、調整したい場合はここで

@media (max-width: 768px) { 

#customTable tbody { float: left; } 
#customTable thead { float: left; } 
#customTable thead { min-width: 120px } 
#customTable td { display: block } 
#customTable th { display: block } 
#customTable {table-layout: fixed;} 
#customTable td {width: 50%;} 
#customTable td {height: 20px; overflow: hidden;} 
#customTable div {height: 20px;overflow: hidden;} 
} 

がHTML

<div class="table"> 
<table id="customTable" class="table" style="width: 100%"> 
<thead> 
    <tr> 
     <th><LABEL>Test 1</LABEL></td> 
     <th><LABEL>Test 2</LABEL></td> 
     <th><LABEL>Test 3</LABEL></td> 
     <th><LABEL>Test 4</LABEL></td> 
    </tr> 
    </thead> 
    <tr>     
     <td><LABEL>Test</LABEL></td> 
     <td><LABEL>Test</LABEL></td> 
     <td><LABEL>Test</LABEL></td> 
     <td><LABEL>Test</LABEL></td> 
    </tr> 

</table> 
</div> 

Answer 1

で、あなたは実際には、それ以上のテーブルとして動作するようにしないことを伝える必要があります。

#customTable tdにdisplay:blockとwidth:50%を使用し、ブロック要素であるかのように作業してください。

Answer 2

番の幅を番地に調整する必要があります。

これは私の上でうまく動作します。