div可以像文本区域一样resize

浏览器允许通过默认拖动angular落来重新调整文本区域的大小。 我想知道这个规则是否可以应用于其他元素（例如div）。 我知道这个效果可以通过使用jQuery draggable或者jQuery-ui resizablefunction来实现，但是如果可以避免依赖该库，我想用纯html / css来实现。 他们的任何CSS规则，我可以申请一个股利，使其行为如此？

如果您有任何其他解决scheme，我希望听到它。

Answer 1

使用css3 resize属性。

 div { resize: both; } 

还有一个resize: horizontal和resize: vertical 。

---

目前没有跨浏览器http://caniuse.com/#feat=css-resize

Answer 2

你可以使用CSS3来做到这一点。 您可以通过设置resize和溢出样式来创build用户可resize的div标记。 我在这里设置了横向和纵向的resize：

 .isResizable { background: rgba(255, 0, 0, 0.2); font-size: 2em; border: 1px solid black; overflow: hidden; resize: both; width: 160px; height: 120px; min-width: 120px; min-height: 90px; max-width: 400px; max-height: 300px; } 

 <div class="isResizable">The quick brown fox jumps over the lazy dog.</div>