如何防止 <input> 拉伸 table 单元格？

Question

<table border=1>
  <tr>
    <th>one</th>
  </tr>
  <tr>
    <td>1</td>
  </tr>
</table>

画个table，比字"one"宽一点，就可以了。

<table border=1>
  <tr>
    <th>one</th>
  </tr>
  <tr>
    <td style='padding:0 0 0 0'>
      <input style='width:100%' value='1'>
    </td>
  </tr>
</table>

绘制比需要宽 4 倍的 table。

请指教如何在不指定TD本身宽度的情况下使INPUT的宽度等于未拉伸TD的100%？

Answer 1

您可以在输入中添加 size 属性。例如：

<table border=1>
  <tr>
    <th>one</th>
  </tr>
  <tr>
    <td style='padding:0 0 0 0'>
      <input size='1' value='1'>
    </td>
  </tr>
</table>

如何防止 <input> 拉伸 table 单元格？

How to prevent <input> from stretching table cell?

css

cell

width