要实现一个高度自适应的textarea且不出现滚动条,可以使用以下的方法:

  1. 设置textarea的高度为auto:这样textarea的高度将会随着内容的增加而增加。
  2. 使用CSS的box-sizing属性:将其设置为border-box,这样textarea的高度就包括了其边框和内边距的高度。
  3. 设置textarea的max-height属性:这样当textarea的高度超过了max-height的值时,就会出现滚动条。因此,将max-height设置为比较大的值,就可以保证textarea的高度一直是自适应的,而不会出现滚动条。

下面是一个示例代码:

textarea {
    height: auto;
    max-height: 300px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 10px;
}

这段代码将会让textarea自适应高度,且不会出现滚动条,但是当textarea的高度超过300px时,就会出现滚动条。你可以根据实际情况调整max-height的值。

标签: none

FoxSSL.COM,单域名SSL证书—35元/年,通配符证书—255元/年点击 购买

评论已关闭