div模拟textarea以实现高度自适应实例页面

最新推荐文章于 2025-04-29 09:37:13 发布

caobin518

最新推荐文章于 2025-04-29 09:37:13 发布

阅读量860

点赞数

分类专栏：杂文文章标签： div border class html css 2010

杂文专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个使用CSS实现的自适应高度的文本框样式，包括具体的CSS代码和HTML结构。该文本框拥有固定的宽度和最小及最大高度限制，并允许内容自动换行，水平方向上内容不会溢出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码

CSS代码：

.test_box {
    width: 400px; 
    min-height: 120px; 
    max-height: 300px;
    _height: 120px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 3px; 
    outline: 0; 
    border: 1px solid #a0b3d6; 
    font-size: 12px; 
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
}

HTML代码：
<div class="test_box" contenteditable="true"><br /></div>
 
来自：http://www.zhangxinxu.com/study/201012/div-textarea-height-auto.html