resize 属性规定是否可由用户调整元素的尺寸。注释:如果希望此属性生效,需要设置元素的 overflow 属性,值可以是 auto、hidden 或 scroll。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>可以调整大小的div元素</title>
<style type="text/css">
div {
width:100px;
height:80px;
max-width:600px;
max-height:400px;
padding:10px;
border:1px solid #f90;
resize:both;
overflow:auto;
}
</style>
</head>
<body>
<div> 如果你在使用Firefox或Chrome,那么你肯定注意到了textarea标签元素的右下角默认有个小的手柄,它可以让你调整它们的大小。
CSS3新增的resize属性,可以把其他元素也应用同样的效果。 resize属性定义一个元素是否允许用户调整大小。</div>
</body>
</html>
转载请注明原文地址:https://ipadbbs.8miu.com/read-41965.html