html表中的混合行

时间:2013-12-10 18:18:28

标签: html css

我有一个html表,第一行包含5个块,第二行包含2个块。

第2行第2块也包含5个单选按钮。

我需要将第2行第2块跨越第1行,最后4个块

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>

css代码

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

0 个答案:

没有答案