Question

是否可以使用CSS设置元素大小属性？所以这个：

<input type="text" name="email" size="35">

实际上会成为这个：

<input type="text" name="email" size="40">

enter image description here

这与设置宽度（以像素为单位）不同，因为我希望浏览器根据size属性渲染输入，而不是使用精确的像素宽度。

Answer 1

不，您无法在CSS中设置任何属性。属性属于元素; CSS处理元素的呈现，并且可以以某种方式使用属性，但不能设置或更改它们。

考虑提出您面临的实际问题，而不是假设（和死胡同）方法来解决未指明的问题。您可以在设置元素的width属性时使用多个单元，而不仅仅是px。但是如果你正在寻找与角色宽度相对应的单位，我怀疑，那么最接近的是ch单位（例如width: 40ch），但是（a）它定义为数字0的宽度，它只是略微接近字符的平均宽度而且（b）支持尚未普及。

Answer 2

“size = n”具有语义含义。它不仅仅是如何查看页面，还包括输入数据的例外长度（以字符为单位）。

属性“style”仅用于设置视觉选项。

<!DOCTYPE html>
<html lang="en">
    <head>
        <title> Bla! </title>
    </head>
    <body>
        <input type='text' style='width:20px'> px<br>
        <input type='text' style='width:20pt'> pt<br>
        <input type='text' style='width:20ex'> ex<br>
        <input type='text' size='20'> size = 20 <br>
        <input type='text' style='width:20em'> em <br>
        <input type='text' style='width:20pc'> pc<br>
        <input type='text' style='width:20cm'> cm<br>
        <input type='text' style='width:20in'> in<br>
    </body>
</html>

用CSS设置输入大小属性？

2 个答案: