2024-08-25 06:00:00

输入大小与宽度

<input name="txtId" type="text" size="20" />

or

<input name="txtId" type="text" style="width: 150px;" />

哪个是最佳的跨浏览器代码?

当然,这取决于需求,但我很好奇人们是如何决定的,基于什么。


当前回答

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

其他回答

如果你使用宽度(第二个例子),你会得到更多的一致性。

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

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

input {
    width: 10ch;
}

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

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

HTML控制元素的语义。CSS控制页面的布局/样式。当你控制你的布局时使用CSS。

简而言之,永远不要使用size=""