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

Question

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

请让我知道是否有一种方法可以使用angular或html，css或javascript实现。

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

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

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

Answer 1

看一下Resizable jQuery ，例如：

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