html - 格式化 html 输入按钮以适合(垂直)具有 rowspan 的表格单元格

Question

我正在制作计算器布局并将所有按钮放在表格单元格中。这是代码的一部分:

<tr>
    <td><input type="button" class="button" value="1"></td>
    <td><input type="button" class="button" value="2"></td>
    <td><input type="button" class="button" value="3"></td>
    <td><input type="button" class="button" value="-"></td>
    <td rowspan="2">
    <input type="button" class="button" value="=" style="width:100%;height:100%;">
    </td>
</tr>
<tr>
    <td colspan="3">
    <input type="button" class="button" value="0" style="width:100%;"></td>
    <td><input type="button" class="button" value="+"></td>
</tr>

所以我不想让“=”按钮适合(垂直)它当前所在的表格单元格，我已经在标签中包含了 css。但它不起作用。

我发现有人通过设置“height:100%;”来说明使用 CSS 设置样式。但这对我来说似乎行不通。有趣的是，“width:100%;”似乎工作得很好。

谁能帮帮我。

更新:我选择使用 <a>而是充当按钮。

<tr>
    <td><a class="number">1</a></td>
    <td><a class="number">2</a></td>
    <td><a class="number">3</a></td>
    <td><a class="operator">+</a></td>
    <td><a class="operator">-</a></td>
</tr>
<tr>
    <td><a class="numberempty" style="border-bottom-left-radius:5px;"></a></td>
    <td><a class="number">0</a></td>
    <td><a class="numberempty"></a></td>
    <td colspan=2><a class="equals">=</a></td>
</tr>

Answer 1

将高度添加到 <td rowspan="2" height="100px">

http://jsfiddle.net/p55czapy/24/