版权声明:黄菊华 https://blog.csdn.net/u013818205/article/details/86597452
微信小程序界面设计小程序中CSS3样式精通课程-调整尺寸(Resizing)
通用语法
在 CSS3,resize 属性规定是否可由用户调整元素尺寸。
实例
规定 div 元素可由用户调整大小:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border:2px solid;
padding:10px 40px;
width:300px;
resize:both;
overflow:auto;
}
</style>
</head>
<body>
<div>resize 属性规定是否可由用户调整元素尺寸。</div>
<p><b>注释:</b> Firefox 4+、Safari 以及 Chrome 支持 resize 属性。</p>
</body>
</html>
效果图
防采集标记:黄菊华老师的课程和资料
小程序应用
Wxml代码
<view class='c01'>
调整属性
</view>
Wxss代码
.c01{
border:2px solid;
padding:10px 40px;
width:100px;
resize:both;
overflow:auto;
}
效果图
欢迎大家学习我的视频课程:微信小程序界面设计-小程序中CSS3样式精通课程
https://edu.csdn.net/course/detail/12851