要实现一个高度自适应的textarea且不出现滚动条,可以使用以下的方法:
- 设置textarea的高度为auto:这样textarea的高度将会随着内容的增加而增加。
- 使用CSS的box-sizing属性:将其设置为border-box,这样textarea的高度就包括了其边框和内边距的高度。
- 设置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的值。
评论已关闭