resize 是 CSS 中用于控制元素是否可以被用户调整尺寸的属性。这个属性通常用于 <textarea> 元素或带有 overflow: auto 或 overflow: scroll 样式的块级元素。

语法如下:
resize: none | both | horizontal | vertical;

  •  none(默认值): 元素不可调整大小。

  •  both: 元素可在水平和垂直方向上调整大小。

  •  horizontal: 元素只可在水平方向上调整大小。

  •  vertical: 元素只可在垂直方向上调整大小。


示例:
textarea {
  resize: both;
}

上述示例中,resize: both; 允许用户在水平和垂直方向上调整 <textarea> 的大小。

这个属性对于一些可以包含大量文本的元素很有用,用户可以根据需要调整元素的尺寸,提高用户体验。但并非所有的元素都适合调整大小,因此要谨慎使用这个属性。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6126/CSS