html表格中的混合行

我有一个html表格，第一行包含5个块，第二行包含2个块

第二排第二块也包含5个单选按钮

我需要跨越第1排最后4个街区的第2排街区

http://jsfiddle.net/8T5RZ/

HTML代码

<table>
    <tr>
        <div class="tabular-div"></div>
        <div class="tabular-div"></div>
        <div class="tabular-div"></div>
        <div class="tabular-div"></div>
        <div class="tabular-div"></div>
    </tr>
    <tr>
        <div class="tabular-div"></div>
        <div class="tabular-div">
            <input type="radio" />
            <input type="radio" />
            <input type="radio" />
        </div>
    </tr>
</table>

---

使用

元素并设置属性

colspan=“4”

？或者出于某种原因，您试图避免使用

？我甚至不确定使用

div

代替

td

是否有效。我同意@TreeTree-如果您打算使用

作为父元素，那么请保持一致，并使用

和

。您可以在有表和无表的情况下实现这种布局，许多人会鼓励您避免使用

来布局内容。根据W3C的定义，

元素充当表格单元格的容器（

或

）。

不应该是

的子对象，而应该是

或

的子对象@Nick：是的，我试图避免..这是一个现有的框架，它就是这样工作的（即在行中使用div）。

.tabular-div {
    background-color:green;
    width:100px;
    height:50px;
    border-style:solid;
    border-width:5px;
    display:inline-block;
}