html - 偏移表格单元格

Question

我有一个 4x4 的单选按钮表。在第一行（4x4 上方的额外行）我想要一个水平居中的按钮。我已经尝试过 colspan 等，但仍然像其他人一样将单选按钮留在列中，因此未居中。

Answer 1

强制性无表答案：

<div>
    <div class="center"><input type='button' value='hello' /></div>
    <ul class="radioList">
        <li>
            <label for="radio1">
                <input type="radio" id="radio1" />
                Checkbox 1</label>
        </li>
        <li>
            <label for="radio2">
                <input type="radio" id="radio2" />
                Checkbox 2</label>
        </li>
        <li>
            <label for="radio3">
                <input type="radio" id="radio3" />
                Checkbox 3</label>
        </li>
        <li>
            <label for="radio4">
                <input type="radio" id="radio4" />
                Checkbox 4</label>
        </li>
    </ul>   
</div>

.center { text-align:center; }
.radioList {
    list-style:none;
    width:100%;
}
.radioList li {
    float:left;
    width:25%;
}

http://jsfiddle.net/Amudt/

Answer 2

http://jsfiddle.net/EJbny/

<table style='width:100%;' border=1>
<tr>
    <td colspan=4 style='text-align:center;'><input type='button' value='hello'></td>

Answer 3

像这样？只需使用 CSS 和text-align:center第一行的规则。这是一个jsFiddle 示例。

<table>
    <tr>
        <td colspan="4" style="text-align:center"><input type="radio" /></td>
    </tr>
    <tr>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
    </tr>
    <tr>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
    </tr>
    <tr>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
    </tr>
    <tr>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
        <td><input type="radio" /></td>
    </tr>
</table>