Question

我是HTML的新手。我有一个使用2列表构建的HTML文档。我现在需要设置一个包含3列的行。从我所做的研究来看，似乎我不能只将列添加到1行，而是需要使用3列表并在其他行中使用colspan来使事情正常工作。这是对的吗？

我已经尝试将现有的colspans从= 2调整到= 3并将新列添加到所需的行但无济于事。你能告诉我我的方法有什么问题，或者如何正确地将现有的2列表转换为3列结构？

<table width="768" border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px solid #000000" >
    <tr>
        <td colspan="2" width="768" height="160" border="0" style="display:inline" /></td>
    </tr>
    <tr>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="2"></td>
    </tr>  
    <tr>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td width="256"></td>
        <td width="256"></td>
        <td width="256"></td>
    </tr>
    <tr>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="2"></td>
    </tr> 
    <tr>
        <td colspan="2"></td>
    </tr>
</table>

Answer 1

<table border="1">
    <tr> <!-- row with 3 columns -->
        <td>1x1</td>
        <td>1x2</td>
        <td>1x3</td>
    </tr>
    <tr> <!-- row with only 2 columns, where the second column is as wide as the second and third column, above -->
        <td>2x1</td>
        <td colspan="2">2x2</td>
    </tr>
</table>

这是如何获得具有N行和3列的表。这是你要求的吗？如果你可以粘贴一些代码会很有用！

请参阅此页面以了解有关colspan的更多信息： http://www.w3schools.com/tags/att_td_colspan.asp

编辑：

在您的代码中，您编写了表格，每行只显示2列。您必须添加<td>标记以显示每行的其他列。

如何将2列HTML表格转换为3列

1 个答案: