CSS中的resize属性是指调整元素大小时,是否可以改变元素的尺寸。
.example { resize: both; }
在上述代码中,我们设置了一个class为example的元素可以同时改变它的宽度和高度。
.example { resize: horizontal; }
在这个例子中,class为example的元素只能改变它的水平宽度。
还有一个值为vertical的选项,它允许元素只改变垂直高度。
需要注意的是,这个属性只适用于可调整大小的元素,例如textarea和input,默认情况下,这些元素是可以调整大小的。
我们可以使用CSS将可调整大小的textarea的resize属性设置为none,这样它就不能改变大小了。
.example { resize: none; }
除此之外,我们还可以使用这个属性来使得一个元素自动适应其内容的大小,即让它自适应其内部元素的宽度和高度。
.example { overflow: auto; resize: both; }