Css 如何使按钮完全填充td

我在最后一列中有包含按钮的行：

我想让按钮完全填满td。我试着将宽度：100%和高度：100%放在一起，但没有成功。这是代码：

提前感谢。

这应该可以：

<td><input class='myclass' type='button' value='Delete'/></td>

试试这里的小提琴

编辑答案如下：

这里有一个想法

由于当按钮直接位于td中时，

height:100%

的行为显然很奇怪，但当按钮位于div内或td内时就不奇怪了，让我们将这两种行为结合起来：

---

这不是最优雅的解决方案，但它确实有效

宽度和高度为100%的按钮将填充

元素的宽度，但不会填充该元素的高度。此问题的首选解决方案是将

的高度也设置为100%。e、 g

 <tr>
      <td><button class="btn" id="1">1</button></td>
      <td><button class="btn" id="2">2</button></td>
      <td><button class="btn" id="3">3</button></td>
      <td><button class="btn" id="plus">+</button></td>
      <td rowspan="2"><button class="btn btn-block" id="equals">=</button></td>
    </tr>

---

这应该很好

这是HTML的一部分。你增加了什么款式吗？然后，请使用代码。这是内联样式。您是否使用了display:inline blocktd上是否有默认的填充？我必须同意jlowcs。Cellpadding或某些填充应用于TD元素。所以这是一个XY问题。我需要为宽度和高度提供100%，当我这样做时，它不起作用。如果%不起作用，您可以使用px手动设置宽度和高度，但是，我已经更新了我的答案。看一看，请告诉我这是否是您想要的。如果您不需要显式设置

td

元素的宽度，只需在

td

上设置

height:100%

，而不是添加

div

也可以。

<table cellpadding="0" cellspacing="0">
    <tr>
        <td style="width: 100px; height: 50px; border: 1px solid black;">
            <div style="width: 100%; height: 100%;">
                <input type="button" style="width: 100%; height: 100%;" value="Button in a div in a td"/>
            </div>
        </td>
    </tr>
</table>

 <tr>
      <td><button class="btn" id="1">1</button></td>
      <td><button class="btn" id="2">2</button></td>
      <td><button class="btn" id="3">3</button></td>
      <td><button class="btn" id="plus">+</button></td>
      <td rowspan="2"><button class="btn btn-block" id="equals">=</button></td>
    </tr>

td{
    height: 100%;
}
.btn {
    width: 100%;
    height: 100%;
}