我想对表格进行一些格式化,但似乎无法弄清楚如何将底行平均分割为与顶行相同的宽度。

我希望最上面的行像240px,并把最下面的行分为两部分,每个部分120px。

以下是供参考的图像:
html - 划分底行以匹配表中的顶行-HTML-LMLPHP

<table>
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>


所有帮助将不胜感激!

更新:
html - 划分底行以匹配表中的顶行-HTML-LMLPHP
html - 划分底行以匹配表中的顶行-HTML-LMLPHP

那就是我在colspan中遇到的问题:

<table>
    <tbody>
        <tr>
            <td colspan="2">Content</td>
        </tr>
        <tr>
            <td>Column 1</td>
            <td>Column 2</td>
        </tr>
    </tbody>
</table>

最佳答案

看看这个:


 th, td {
  border: 1px solid black;
 }
 td{
 width:240px;
 }
 

<body>
<table>
<tr>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <th>&nbsp;</th>
    <th>&nbsp;</th>
  </tr>
</table>
</body>

关于html - 划分底行以匹配表中的顶行-HTML,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57166522/

10-12 15:50