如何設置表格單元格中的按鈕樣式，使其具有完整的大小？

我有一個表：如何設置表格單元格中的按鈕樣式，使其具有完整的大小？

<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>

現在，我想解決的table.but它是不會發生的每一個細胞中的按鈕！我設置每個<td> : style="width:250px;height:60px"的大小和每個按鈕button :style="width:250px;height:60px"彼此相似，但每個單元格中都有餘量，爲什麼？

enter image description here

來源

2014-10-12 Farna

嘗試添加'的cellpadding = 「0」 CELLSPACING = 「0」'你的表 – 2014-10-12 08:18:26

「修復每個單元格中的按鈕」是什麼意思？ – 2014-10-12 08:19:59

試試這個 - http://jsfiddle.net/zuxL6qty/或http://jsfiddle.net/y680173r/ – Anonymous 2014-10-12 08:21:40

我設置每個<td> [...]，併爲每個按鈕的大小[...]像對方，但利潤率在每個細胞中，爲什麼呢？

有沒有餘量，實際上表單元共享表（其具有一100%width）的整個空間，因此所計算的寬度將大於250px在大屏幕（> 750px寬）。

如果您想要的按鈕來填充整個細胞，嘗試使用這樣：

Example Here

table { table-layout: fixed; width: 100%; } 
table td { width: 33.33%; height: 60px; } 
table td input[type="button"] { width: 100%; height: 100%; }

來源

2014-10-12 08:28:25

如何刪除填充按鈕？我編輯圖片，在我的問題。謝謝。@哈希姆Qolami – Farna 2014-10-12 09:48:21

@Farna不知道我是否理解正確，但如果你的意思是每個單元格之間的空間，你可以給'border-collapse：collapse;'到表 - [實施例]（http://jsbin.com/hawayo/4/edit）。 – 2014-10-12 10:34:21

如何設置表格單元格中的按鈕樣式，使其具有完整的大小？

回答

相關問題