通过拖动 div 的边缘水平调整 div 的大小

Question

我有一个使用 angular2 构建的应用程序，我的网页内容分为两个面板作为列。我需要实现一个功能，以便能够通过选择左面板的右边缘或选择右面板的左边缘来调整两个面板的大小。

如果有办法使用 angular 或 html、css 或 javascript 实现此目的，请告诉我。

我知道 css3 有 resize 属性，但是这允许您通过按住 div 的一个角而不是寻找此功能来调整大小

示例：我想实现与 w3schools HTML 编辑器类似的功能 (https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default)

如果我们打开上面的 url，我们可以通过水平拖动中间栏来调整左右面板的大小。请参考下面的截图

Answer 1

看看Resizable jQuery，例如：

$("#div1").resizable({
    handles: 'e, w'
});