如何在表格单元格中设置按钮样式以具有完整尺寸？

Question

我有一张桌子：

 <table dir="rtl" style="width: 100%;" >
 <tr>
     <td style="width:250px;height:60px">
        <input id="Meal0"  type="button" style="height:60px;width:250px"  />
    </td>
    <td style="width:250px;height:60px">
        <input id="Meal1"  type="button" style="height:60px;width:250px" />
    </td>
    <td style="width:250px;height:60px">
        <input id="Meal2"  type="button" style="height:60px;width:250px"  />
    </td>
</tr>
<tr>
     <td style="width:250px;height:60px">
        <input id="Meal3"  type="button" style="height:60px;width:250px"  />
    </td>
    <td style="width:250px;height:60px">
        <input id="Meal4"  type="button" style="height:60px;width:250px"  />
    </td>
    <td style="width:250px;height:60px">
        <input id="Meal5"  type="button" style="height:60px;width:250px"  />
    </td>
</tr>

</table>

现在，我想修复一个表格的每个单元格中的按钮。但它不会发生！ 我为每个<td> : style="width:250px;height:60px"和每个按钮设置button :style="width:250px;height:60px"的大小，但每个单元格中都有边距，为什么？

Answer 1

  

我设置每个<td> [...]的大小和每个按钮[...]的大小   彼此，但每个细胞都有边缘，为什么？

没有边距，实际上表格单元格共享表格的整个空间（width为100%），因此计算出的宽度将大于{{ 1}}在大屏幕（250px宽）中。

如果您希望按钮填充整个单元格，请尝试使用：

<强> Example Here

> 750px