如何使div可以为用户调整大小？

Question

为用户提供 resize div 方法的最简单方法是什么，例如StackOverflow文本框。这可以通过HTML完成还是需要JavaScript？

Answer 1

<div style="resize:vertical;overflow:auto;"></div>

你的意思是？

Answer 2

<强> DEMO FIDDLE (2 and 3)

1. 如果您希望它的外观和行为与SO中的textarea完全相同，那么您肯定需要JavaScript。的 More info here

2. 如果您只想要一个简单的可实现div到显示文本，这应该足够了：

HTML

<div class="display-info">Resizeable div</div>

CSS

.display-info {
    resize: vertical;
    overflow:auto; 
    width: 250px; 
    height: 50px;
    border: 1px solid gray;
    background-color: lightgray;
}

3。如果你想要一个允许用户在其中输入内容的textarea（例如：表格）：

HTML

<textarea name="test" id="test" cols="30" rows="10">Text area</textarea>

CSS

#test {
    resize: vertical; /* can on be resized vertically*/
}