在表的每一行上指定不同的宽度

Question

任何人都知道为什么width:xx%桌面上的每个细胞都没有被使用？

看起来第一行可能设置正确,但第二行的大小被忽略.

http://jsfiddle.net/bobbyrne01/4fLL8md0/1/

<table>
    <tr>
        <td style="width:80%;">A lot of text on 1 line</td>
        <td style="width:20%">Text</td>
    </tr>
    <tr>
        <td style="width:20%">
            <label>Directory:</label>
        </td>
        <td style="width:80%">
            <input id="directory" readonly="true" />
        </td>
    </tr>
</table>

Answer 1

任何简单的方法都不可能.您只能在行中使用2个以上的单元格并对其进行分组.

<table border="1" width="100%">
    <col width="20%">
    <col width="60%">
    <col width="20%">

    <tr>    
        <td colspan="2">A lot of text on 1 line</td>
        <td>Text</td>
    </tr>
    <tr>
        <td>
            <label>Directory:</label>
        </td>
        <td colspan="2">
            <input id="directory" readonly="true" />
        </td>
    </tr>
</table>

http://jsfiddle.net/4fLL8md0/2/

如您所见,对于这种情况,您需要3个宽度为20%,60%和20%的单元格.如果您有更多行,更多单元格或想要以其他百分比划分行,则始终需要更改表结构.