div可调整大小像文本区域
默认情况下,浏览器允许通过拖动文本区域的大小来调整文本区域的大小。我想知道这个规则是否可以应用于其他元素(例如div)。我知道这个效果可以使用jQuery draggable
或jQuery-ui resizable
函数实现,但我想做它与纯html / css如果是可能避免依赖那个库。是他们的任何CSS规则,我可以应用到一个div,使它的行为,以这种方式?
Browsers allow text-areas to be re-sized by dragging their corner by default. I was wondering if this rule could be applied to other elements (a div for instance). I know this effect could be achieved using the jQuery draggable
or the jQuery-ui resizable
function, but I would like to do it with plain html / css if it is possible to avoid relying on that library. Are their any CSS rules that I could apply to a div to make it behave in this way?
如果你有任何其他解决方案,我想听到它。 p>
If you have any other solution I would like to hear it.
使用css3 resize
属性。
Use the css3 resize
property.
div {
resize: both;
}
还有一个 resize:horizontal
和 resize:vertical
。