表格单元格宽度问题

Question

表格单元格宽度问题

我有一个2行的表,我需要不同的单元格宽度

<body bgcolor="#14B3D9">
<table width="100%" border="1" bgcolor="#ffffff">
    <tr>
        <td width="25%">25</td>
        <td width="50%">50</td>
        <td width="25%">25</td>
    </tr>
    <tr>
        <td width="50%">50</td>
        <td width="30%">30</td>
        <td width="20%">20</td>
    </tr>
</table>
</body>

Run Code Online (Sandbox Code Playgroud)

我无法获得指定的宽度,第二行也获得第一行的宽度.

Answer 1

cla*_*uzy 18

要使用一个表来执行此操作,您需要引入更多列,然后通过使用获取列宽,colspan这样您就可以获得所需的组合宽度

为了让它在浏览器中正常工作,您可能需要使用以下<col> and <colgroup>元素:http://www.w3.org/TR/html401/struct/tables.html#h-11.2.4

<body bgcolor="#14B3D9">
<table width="100%" border="1" bgcolor="#ffffff">
<colgroup>
<col width="25%">
<col width="25%">
<col width="25%">
<col width="5%">
<col width="20%">
</colgroup>

    <tr>
        <td>25</td>
        <td colspan="2">50</td>
        <td colspan="2">25</td>     
    </tr>
    <tr>
        <td colspan="2">50</td>
        <td colspan="2">30</td>
        <td>20</td>
    </tr>
</table>
</body>

Run Code Online (Sandbox Code Playgroud)

Answer 2

小智 5

实际上，您可以将每个tr设置为display:block，它将允许您为每行设置不同的列宽。

归档时间：	14 年，4 月前
查看次数：	8196 次
最近记录：	5 年，9 月前