我习惯在这种情况下我的意思是尝试设置表格列宽,我想知道哪一个是最好的方式
现在我正在使用这种方式,但大多数时候我只是猜测,将th width属性设置为1以将列拉到左边
<table>
<thead>
<th width="1">Column1<th>
<th width="1">Column2<th>
<th>Column3<th>
</thead>
<tbody>
<tr>
<td>some content<td>
<td>more content<td>
<td>even more content<td>
</tr>
</tbody>
</table>
谢谢
答案 0 :(得分:0)
为表分配一个ID / Class。使用作为参考,分配表格单元格和表格标题样式。如果要将表格单元格左对齐,则无需保持宽度为1像素。您可以为该单元格添加text-align属性。
<强> HTML:强>
<table id="MyCustomTable">
<thead>
<th>Column1<th>
<th>Column2<th>
<th>Column3<th>
<th>Column4<th>
</thead>
<tbody>
<tr>
<td>some content<td>
<td>more content<td>
<td>even more content<td>
<td>even more content new<td>
</tr>
</tbody>
</table>
<强> CSS:强>
#MyCustomTable
{
width:100%;
border-collapse:collapse;
padding:0;
border:0;
}
#MyCustomTable th
{
text-align:center;
width:25%;
background-color:#d8d8d8;
font-weight:700;
}
#MyCustomTable td
{
text-align:left;
width:25%;
}