CSSresize（调整元素大小）

为了增强用户体验，CSS3 中新增了一个非常实用的 resize 属性，该属性允许用户通过拖动的方式来自由缩放元素的尺寸，在此之前要实现类似的效果还需要借助大量的 JavaScript 代码。resize 属性的语法格式如下：

成都创新互联公司专业为企业提供两当网站建设、两当做网站、两当网站设计、两当网站制作等企业网站建设、网页设计与制作、两当企业网站模板建站服务，10多年两当做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

resize: none|both|horizontal|vertical;

语法说明如下：

在使用 resize 属性时还需要注意以下几点：

单独设置 resize 属性是无效的，resize 属性需要与 overflow 属性结合使用才有效，并且 overflow 属性的值需要设置为 auto、hidden 或 scroll；
并不是所有的元素都可以设置 resize 属性，比如 img 和 table 属性就没办法使用 resize 属性。

示例代码如下：




    


    通过 resize 属性您可以调整元素在水平和垂直方向的大小

运行效果如下图所示：

图：resize 属性演示

运行上面的代码，然后通过拖动元素的右下角就可以调整元素的大小。

网站名称：CSSresize（调整元素大小）
浏览路径：http://www.gydahua.com/article/dhosscc.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态