Question

我在不同的浏览器中尝试过它，但它似乎无法正常工作。如果我更改了数字（最小高度），那么超过50就可以工作，低于50，任何数值范围都会保持在同一高度。所以，有没有办法让textarea的最小高度保持在50以下，比如10px？

<textarea style="width:700px;resize:none;min-height:10px;"></textarea>
<textarea style="width:700px;resize:none;height:10px;"></textarea>

Answer 1

min-height属性设置元素的最小高度，顾名思义。这意味着使用的高度，除非没有更高的高度。对于textarea元素，默认高度由行数（由rows属性指定，由浏览器练习和HTML5 CR默认为2）和浏览器的行计算确定高度。

因此，您可以将min-height设置为10px，并且它按照定义工作 - 实际高度更大，但是从定义开始。

要设置高度，您可以使用height属性（如示例所示）和/或rows属性（间接设置高度）。像往常一样，它设置内容高度。 textarea框的总高度是内容高度加上顶部填充加底部填充加上顶部边框加下边框。

很难想象将textarea高度设置为10px是有意义的情况，这对于大多数人都能辨认的一行文本来说是不够的。此外，如果你真的想要一个高一行并且不可调整大小的输入框，那么input type=text元素将比textarea更实用，更合乎逻辑。

Answer 2

这与文本区域中属性行的默认值有关！根据{{3}}，默认值为2。

所以尝试将它更改为1，使用height属性稍微玩一下。

如果你希望你的textarea甚至更小一行大小，那么在css“line-height”中调整你的文本区域风格。