这是将宽度设置为表列的推荐方法吗?

时间:2014-05-28 21:30:15

标签: html

我习惯在这种情况下我的意思是尝试设置表格列宽,我想知道哪一个是最好的方式

现在我正在使用这种方式,但大多数时候我只是猜测,将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>

谢谢

1 个答案:

答案 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%; 
}