如何制作<div>可调整大小?

2022-01-11 00:00:00 resize drag-and-drop html css

有没有办法让 <div> 容器可以通过拖动 &掉落?

Is there a way to make a <div> container resizeable with drag & drop?

推荐答案

最好的方法是使用 CSS3.它至少被 Webkit 和 Gecko 支持.

The best method would be to use CSS3. It supported by at least Webkit and Gecko.

根据w3c 规范:

div.my_class {
    resize:both;
    overflow:auto; /* something other than visible */
}

Webkit 和 Firefox 对规范的解释方式不同.在 Webkit 中，大小仅限于设置的宽度和高度.还有一个问题:如何使用 CSS 将元素调整为小于初始尺寸的尺寸? 关于这个.

Webkit and Firefox do not interpret the specs the same way. In Webkit the size is limited to the width and height set. There's another question: How can I use CSS to make an element resizable to a dimension smaller than the initial one? concerning this.

相关文章