Javascript 如何为用户调整div的大小?

Javascript 如何为用户调整div的大小?,javascript,html,resize,Javascript,Html,Resize,为用户提供调整div大小方法的最简单方法是什么,例如StackOverflow文本框。这只能通过HTML完成,还是需要JavaScript? 你是这个意思吗? 你是这个意思吗? 如果您希望它的外观和行为与SO中的textarea完全相同,那么您肯定需要JavaScript 如果您只需要一个简单的可实现div来显示文本,这就足够了: HTML 三,。如果您想要一个允许用户在其中键入内容的文本区域(例如:表单): HTML 如果您希望它的外观和行为与SO中的textarea完全相同,那么您肯

为用户提供调整div大小方法的最简单方法是什么,例如StackOverflow文本框。这只能通过HTML完成,还是需要JavaScript?


你是这个意思吗?


你是这个意思吗?

  • 如果您希望它的外观和行为与SO中的textarea完全相同,那么您肯定需要JavaScript

  • 如果您只需要一个简单的可实现div来显示文本,这就足够了:

  • HTML

    三,。如果您想要一个允许用户在其中键入内容的文本区域(例如:表单):

    HTML

  • 如果您希望它的外观和行为与SO中的textarea完全相同,那么您肯定需要JavaScript

  • 如果您只需要一个简单的可实现div来显示文本,这就足够了:

  • HTML

    三,。如果您想要一个允许用户在其中键入内容的文本区域(例如:表单):

    HTML


    谢谢你的例子!谢谢你的例子!厚底手柄也是一项要求,还是仅仅能够以某种方式调整div的大小?厚底手柄也是一项要求,还是仅仅能够以某种方式调整div的大小?
    <div style="resize:vertical;overflow:auto;"></div>
    
    <div class="display-info">Resizeable div</div>
    
    .display-info {
        resize: vertical;
        overflow:auto; 
        width: 250px; 
        height: 50px;
        border: 1px solid gray;
        background-color: lightgray;
    }
    
    <textarea name="test" id="test" cols="30" rows="10">Text area</textarea>
    
    #test {
        resize: vertical; /* can on be resized vertically*/
    }