resize 属性可以取以下值:
1. none: 默认值。元素不可被调整尺寸。
2. both: 允许元素的宽度和高度都可被调整尺寸。
3. horizontal: 允许元素的宽度可被调整尺寸,但高度不可。
4. vertical: 允许元素的高度可被调整尺寸,但宽度不可。
5. auto: 浏览器根据元素内容自动决定是否可被调整尺寸。
示例:
.resizable {
resize: both; /* 允许宽度和高度都可被调整尺寸 */
overflow: auto; /* 为了让内容超过尺寸时出现滚动条 */
}
在上述示例中,类名为 .resizable 的元素被设置为可以被用户在水平和垂直方向上调整尺寸。此外,通过设置 overflow: auto;,当内容超出元素尺寸时,将出现滚动条以便查看超出部分。这在设计可编辑的文本区域等场景中很有用。
转载请注明出处:http://www.zyzy.cn/article/detail/4242/CSS