专否 写文章

jerkzhang

Nov 20, 2018
Follow

CSS的resize属性让div元素宽高可变

通过CSS设置,可以让div等元素的高宽可以被鼠标拖动改变。

高度height和宽度width都可以改变

以div元素的CSS设置为例,将resize属性设置成both即可,代表水平和竖直方向上都可变:

div {
    resize: both;
    overflow: auto;
}

只能改变元素的宽度width

将resize属性的值设置成horizontal即可,代表只能水平方向上拖动改变。

div {
    resize: horizontal;
    overflow: auto;
}

只能改变元素的高度height

将resize属性的值设置成vertical即可,代表只能在竖直方向上拖动改变。

div {
    resize: vertical;
    overflow: auto;
}


最后要说的是,别忘了把overflow属性设置成auto,否则不会生效的!

喜欢这个文章 | 分享 | 新建跟帖