zoukankan      html  css  js  c++  java
  • div模拟textarea文本域轻松实现高度自适应

    <!doctype html>

    <html lang="en">

    <head>    

            <meta charset="UTF-8">    

            <title>div模拟textarea文本域轻松实现高度自适应</title>    

            <style>        

                   h2 {            

                        text-align: center;      

                        margin: 50px auto;        

                    }

                   .test_box {            

                         400px;            

                         min-height: 20px;            

                         max-height: 50px;          

                         _height: 120px;            

                         margin-left: auto;            

                         margin-right: auto;            

                         padding: 6px;            

                         outline: 0;            

                         border: 1px solid #a0b3d6;            

                         font-size: 14px;            

                         line-height: 20px;            

                          /*padding: 2px;*/            

                         word-wrap: break-word;            

                         overflow-x: hidden;            

                         overflow-y: auto;            

                         border-radius: 4px;            

                         border-color: rgba(82, 168, 236, 0.8);            

                         box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);       

                    }    

                </style>

    </head>

    <body>    

           <h2>div模拟textarea文本域轻松实现高度自适应</h2>    

           <div class="test_box" contenteditable="true"><br /></div>

    </body>

    </html>

    本文地址: http://www.zhangxinxu.com/wordpress/?p=1362

  • 相关阅读:
    npm 设置淘宝镜像
    JS字符串首字母大写
    类与面向对象基础(三)
    (转)php简单工厂模式实例讲解
    类与面向对象基础(二)
    类与面向对象基础(一)
    php连接数据库
    php中使用指针进行函数操作
    PHP基础之数组
    PHP正则表达式
  • 原文地址:https://www.cnblogs.com/tsyr/p/4834387.html
Copyright © 2011-2022 走看看