我在不同的浏览器中试过它,但似乎没有用.如果我改变数字(最小高度),那么超过50就可以工作,低于50,任何数值范围都保持在同一高度.那么,是否有任何方法可以保持textarea的最小高度低于50,比如10px？
<textarea style="width:700px;resize:none;min-height:10px;"></textarea>
<textarea style="width:700px;resize:none;height:10px;"></textarea>
该min-height属性设置元素的最小高度,顾名思义.这意味着使用的高度,除非没有更高的高度.对于textarea元素,默认高度由行数(由rows属性指定,通过浏览器练习和HTML5 CR默认为2)和浏览器的行高计算确定.
因此,你min-height甚至可以设置为10px,它按照定义工作 - 实际高度更大,但是从定义开始.
要设置高度,您可以使用height属性(如示例中所示)和/或rows间接设置高度的属性.像往常一样,它设置内容高度.textarea框的总高度是内容高度加上顶部填充加底部填充加上顶部边框加下边框.
很难想象将textarea高度设置为10px是有意义的情况,这对于大多数人都能辨认的一行文本来说是不够的.此外,如果你真的想要一个高一行并且不可调整大小的输入框,那么input type=text元素将是一个更实用,更合乎逻辑的选择textarea.
这与文本区域中属性行的默认值有关!根据http://www.w3schools.com/tags/att_textarea_rows.asp,默认值为2 .
因此,尝试将其更改为1,使用height属性稍微玩一下.
如果你希望你的textarea甚至更小1行大小,那么在css"line-height"调整你的文本区域样式.