<input name="txtId" type="text" size="20" />
要么
<input name="txtId" type="text" style="width: 150px;" />
哪个是最佳的跨浏览器代码?
当然,这取决于要求,但是我很好奇知道人们是如何决定的以及基于什么基础。
<input name="txtId" type="text" size="20" />
要么
<input name="txtId" type="text" style="width: 150px;" />
哪个是最佳的跨浏览器代码?
当然,这取决于要求,但是我很好奇知道人们是如何决定的以及基于什么基础。
您可以使用样式和宽度来调整文本框的大小。这是它的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div align="center">
<form method="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>
</form>
</div>
</body>
</html>
使用对齐使文本框居中。
如果使用宽度(第二个示例),则将获得更多的一致性。
无论是size
在HTML属性和width
在CSS属性将设置的宽度<input>
。如果要将宽度设置为更接近每个字符的宽度,请使用如下**ch**
单位:
input {
width: 10ch;
}
我只是在与一张桌子战斗,无论我试图缩小哪个元素,桌子的宽度都保持不变,我无法缩小任何尺寸。我使用萤火虫进行搜索,但找不到设置宽度过高的元素。
最后,我尝试更改输入文本元素的size属性,并对其进行了修复。由于某些原因,size属性会覆盖css的宽度。我使用jQuery将行动态添加到表中,而这些行包含了输入。因此,当涉及到使用appendTo()函数动态添加输入时,最好将size属性与width一起设置。
HTML控制元素的语义含义。CSS控制页面的布局/样式。在控制布局时使用CSS。
简而言之,永远不要使用size =“”