Question

我在HTML5中创建一个表格，我希望在另外两个表格中有一个单元格。我在桌子里面有iframe。我也希望它在任何单元格之间没有间距（没有边框或任何东西）谢谢。

到目前为止我的代码：

<table border="0">
    <tr>
        <th> 
            <iframe frameborder="100" src="./top.htm" width="900" height="108" scrolling="no" seamless="seamless"></iframe>
        </th>
    </tr>
        <td>
            <iframe src="./left.htm" name="link1" width="160" height="700" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" seamless="seamless"> </iframe>
        </td>
        <td>
            <iframe src="./home.htm" name="link2" width="740" height="700" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" seamless="seamless"></iframe>
        </td>
</table>

Answer 1

要使单元格跨越2列，请使用td或th中的colspan属性：

<table border="0">
    <tr>
        <th colspan="2"> 
            <iframe frameborder="100" src="./top.htm" width="900" height="108" scrolling="no" seamless="seamless"></iframe>
        </th>
    </tr>
    <tr>
        <td>
            <iframe src="./left.htm" name="link1" width="160" height="700" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" seamless="seamless"> </iframe>
        </td>
        <td>
            <iframe src="./home.htm" name="link2" width="740" height="700" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" seamless="seamless"></iframe>
        </td>
    </tr>
</table>

还要确保所有td和th代码都在tr行标记内。

Answer 2

我只是猜测你正在寻找的答案是排在最前一行的colspan - 目前尚不清楚你的问题实际上是在问什么。

你的表格代码无效，所以你应该先这样做，但基本上你要做的就是这样：

<table cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="2">TOP ROW CONTENT</td>
    </tr>
    <tr>
        <td>LEFT CONTENT</td>
        <td>RIGHT CONTENT</td>
    </tr>
</table>

cellpadding上的cellspacing和table设置为0将删除单元格周围和单元格之间的间距。“

HTML5表1单元格超过两个单元格

2 个答案: