css3 resize自由缩放，改变宽高

最新推荐文章于 2024-06-30 15:16:41 发布

大西瓜啃完了哟

最新推荐文章于 2024-06-30 15:16:41 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/haihiaandtongtong/article/details/46050311

版权

resize改变元素大小，如：em,div,span,b,strong等html元素，但是在html表单元素中经测试目前只有textarea支持。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
       em,span, i, strong, b, .div3{
            overflow: hidden;
            margin-left: 30px;
            float: left;
            resize: both;
        }
        .div1 textarea{
            resize: both;
            background: red;
            width: 300px;
            height: 300px;
            display: block;
            float: left;
        }
        em,span,i,strong,b{
            width: 100px;
            height: 400px;
            background: green;
        }
        .div3 input{width:300px;height: 40px; border: 1px solid #989898;}
    </style>
</head>
<body>
<div class="div1">
    <textarea name="test" rows="10" placeholder="请随意拖我呀"></textarea>
</div>
<b>请随意拖我呀</b>
<!--input没法随意改变大小-->
<div class="div3"><input type="text" placeholder="请随意拖我呀"></div>
</body>
</html>