如何使用HTML增加表格中单个列的单元格长度?

时间:2014-01-07 05:53:24

标签: html css html-table

我想增加列中单个单元格的长度。我尝试使用<td style=\"length:100%;\">但仍然无效。

我在C代码中使用HTML代码,因此CSS不能(?)帮助我,所以伙计们在这个问题上帮助我?

3 个答案:

答案 0 :(得分:4)

如果您增加单元格width,它也会更改其他width单元格的table ...

Demo

那么现在该怎么办?您需要使用colspan属性,以便相应地调整单元格...

Demo 2

<table border="1">
    <tr>
        <td>Hello</td>
        <td>Hello 2</td>
        <td>Hello 2</td>
    </tr>
    <tr>
        <td colspan="2" style="width: 200px;">Hello</td>
        <td>Hello 2</td>
    </tr>
</table>

如果您希望更改SINGLE单元格的width,那么它将不会改变列中其他单元格的宽度,如果是这样的话,则需要使用{ {1}}代替div

  

注意:使用table CSS仅用于演示目的,您可以使用   inlineclass伪以定位该特定单元格。

另外,这个 nth-child 是一个无效的属性..在CSS中没有像 length 那样的东西,你需要使用{{1 }}

答案 1 :(得分:0)

增加长度或宽度?

<td style="width:100%;"></td>

或实际宽度

<td style="width:10em;"></td>

<td style="width:300px;"></td>

答案 2 :(得分:0)

你打算放两个百分号吗?逃脱角色有原因吗?哦,长度不是有效的财产;你想要的是宽度。更正了,它只是:

<td style="width: 100%;">