要么 要么 要么 要么

输入大小与宽度

html CSS

蛋蛋

2020-03-30

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

要么

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

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

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

第3871篇《输入大小与宽度》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

5个回答
卡卡西 2020.03.30

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

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

小小村村宝儿 2020.03.30

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

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

使用对齐使文本框居中。

十三L 2020.03.30

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

GO 2020.03.30

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

input {
    width: 10ch;
}
Mandy 2020.03.30

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android