HTML輸入文本字段盡可能寬

Question

我有一張有一行和兩個單元格的桌子。 我希望輸入文本字段盡可能寬。 這樣怎么辦？

(       0       )Text, text, text...

主要問題是文本輸入框的寬度太大。

這是代碼：

<table style="width:400px">
  <tr>
    <td style="width:200px">
      (<input type="text" name="num" value="0" class="kentta" />)
    </td>

    <td style="width:200px">
      Text, text, text...
    </td>
  </tr>
</table>

和CSS代碼：

.kentta {
  width: 100%;
  padding: 1px;
  border: none;

  box-sizing: content-box;
  height: 18px;
  vertical-align: middle;
  text-align: center;
  line-height: 18px;
}

Answer 1

您可以使用寬度的百分比來代替像素，而只需使用寬度的百分比即可。

如下

<table style="width:100%">
  <tr>                          This will grow as large as.
    <td style="width:80%"> <----'
      <input type="text" name="num" value="0" style="border:none;text-align:center" />
    </td>

    <td style="width:20%">
      Text, text, text...
    </td>
  </tr>
</table>

Answer 2

任何表格數據的最大值。在瀏覽器上以100％的寬度使用此值。

<table style="width:100%">
 <tr>
  <td>
   (<input type="text" name="num" value="0" style="border:none;text-align:center;width:98%;" />)
 </td>
 <td>
  Text, text, text...
 </td>
</tr>