我有一个包含一行和两个单元格的表。我想让输入文本字段尽可能宽。怎么可能这样做?
( 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;
}
答案 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>