输入大小与宽度

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

要么

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

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

当然,这取决于要求,但是我很好奇知道人们是如何决定的以及基于什么基础。

卡卡西2020/03/30 18:27:39

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

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

小小村村宝儿2020/03/30 18:27:39

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

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

使用对齐使文本框居中。

十三L2020/03/30 18:27:39

如果使用宽度(第二个示例),则将获得更多的一致性。

GO2020/03/30 18:27:39

无论是size在HTML属性和width在CSS属性将设置的宽度<input>如果要将宽度设置为更接近每个字符的宽度,请使用如下**ch**单位:

input {
    width: 10ch;
}
Mandy2020/03/30 18:27:39

我只是在与一张桌子战斗,无论我试图缩小哪个元素,桌子的宽度都保持不变,我无法缩小任何尺寸。我使用萤火虫进行搜索,但找不到设置宽度过高的元素。

最后,我尝试更改输入文本元素size属性,并对其进行了修复。由于某些原因,size属性会覆盖css的宽度。我使用jQuery将行动态添加到表中,而这些行包含了输入。因此,当涉及到使用appendTo()函数动态添加输入时,最好将size属性与width一起设置