CSS 3新属性之resize详解

为了增强用户体验,CSS 3增加了很多新的属性,其中一个重要的属性就是resize,它允许用户通过拖动的方式来修改元素的尺寸。

样例代码:

.box {
    width: 600px;
    height: 300px;
    border: 1px solid #000;
    resize: both;
    overflow: auto;
}

样例图片:

css3 resize

css3 resize

注意的是,如果没有设置overflow,resize不会生效,只要设置了overflow,无论设置的是auto还是hidden,resize都会生效。