Question

我不是很熟悉HTML，所以请原谅我这很简单，但我无法用谷歌搜索来解决这个问题。无论如何，我所遇到的问题可以用这个来说明：

<html>
<body>
    <table border="1">
        <tr>
            <td>lots of words blah blah</td>
        </tr>
        <tr>
            <td>word</td>
            <td>word</td>
            <td>word</td>
        </tr>
    </table>
</body>
</html>

有没有办法让第一列被拉伸，只是第一个单元变大了？第一行中只有一个单元格，因此空间很多。我希望单元格可以扩展以适合行，但它可以拉伸整个列，也可以垂直拉伸。我该如何解决这个问题？

Answer 1

使用colspan属性告诉它覆盖多个列，因此在您的情况下，第一行的td将为<td colspan="3">

Answer 2

在第一个colspan="3"元素上设置<td>。

像这样：<td colspan="3">。

colspan值是您希望它占用多少列。

Answer 3

您的每一行应具有相同的列数。在这种情况下，您可以明确地告诉您的大单元格跨越所有列，如下所示：

<tr> <td colspan="3">lots of words blah blah  </td>  </tr>

Answer 4

您可以将width属性添加到要更改的元素。

Html表，使一行更大

4 个答案: