微信小程序界面设计小程序中CSS3样式精通课程-调整尺寸(Resizing)

版权声明:黄菊华 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
微信小程序界面设计小程序中CSS3样式精通课程-调整尺寸(Resizing)

猜你喜欢

转载自blog.csdn.net/u013818205/article/details/86597452