通過拖動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'
});