HTML输入文本字段尽可能宽

时间:2016-12-06 14:04:29

标签: html

我有一个包含一行和两个单元格的表。我想让输入文本字段尽可能宽。怎么可能这样做?

(       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;
}

2 个答案:

答案 0 :(得分:0)

  

您可以使用宽度的百分比来实现它,而不是像素。

如下所示

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

答案 1 :(得分:0)

对于任何表数据都是最大的。在浏览器上使用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>