div模拟textarea以实现高度自适应(摘)

phper| 阅读:473 发表时间:2012-10-07 00:34:00 html
摘要:研究textarea自适应高度的,发现有些是通过div来模拟的,测试下也还可行。摘抄了一个例子。

研究textarea自适应高度的,发现有些是通过div来模拟的,测试下也还可行。摘抄了一个例子。

<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>div模拟textarea实现高度自适应</title>
<head>
<style>
.test_box {
    width: 400px;
    min-height: 20px;
    max-height: 300px;
    _height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    outline: 0;
    border: 1px solid #a0b3d6;
    font-size: 18px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    _overflow-y: visible;
}
</style>
</head>
<body>
<div contenteditable="true" class="test_box"></div> 
</body>
</html>
摘自:http://www.zhangxinxu.com/wordpress/?p=1362
如果您觉得好,可以打赏作者:
如果您觉得累了,是否想眺望远方:猛戳>>若兰网

已有0条评论

昵称:
邮箱:

  • 最新评论

若兰网 - www.rolan.wang
反馈
微信订阅号