可以使用样式和宽度来调整文本框的大小。 下面是它的代码。

<！DOCTYPE html > < html lang =“en”> < >头 < meta charset = " utf - 8 " > > < /头 身体< > < div对齐= "中心" > <形式方法=“post”> <div class="w3-row w3-section"> <div class="w3-rest" align =" center"> <input name="lastName" type="text" id="myInput" style="width: 50%"> < / div > < / div > > < /形式 < / div > 身体< / > < / html >

使用align将文本框居中。

我刚刚解决了一个表格，无论我试图缩小哪个元素，表格的宽度都保持不变。我使用firebug搜索，但找不到将宽度设置得这么高的元素。

最后，我尝试改变输入文本元素的大小属性，这就固定了它。由于某种原因，size属性覆盖了css宽度。我使用jQuery动态添加行到一个表，它是这些行，包含输入。因此，在使用appendTo()函数动态添加输入时，最好同时设置size属性和width。

我建议，可能最好的方法是设置样式的宽度在em单位:)所以输入大小为20个字符只需设置style='width:20em':)

举个有意义的例子

我会说使用size属性和max-width样式;当有足够的空间时，这为您提供了接近最佳宽度，但在需要时限制了输入长度。

<input type="text" size="48" style="max-width:100%;">

请看这个代码本。

HTML中的size属性和CSS中的width属性都将设置<input>的宽度。如果你想将宽度设置为接近每个字符的宽度，请使用**ch**单位，如下所示:

input {
    width: 10ch;
}

可以使用样式和宽度来调整文本框的大小。 下面是它的代码。

<！DOCTYPE html > < html lang =“en”> < >头 < meta charset = " utf - 8 " > > < /头 身体< > < div对齐= "中心" > <形式方法=“post”> <div class="w3-row w3-section"> <div class="w3-rest" align =" center"> <input name="lastName" type="text" id="myInput" style="width: 50%"> < / div > < / div > > < /形式 < / div > 身体< / > < / html >

使用align将文本框居中。