通過拖動div的邊緣來水平調整div的大小

Question

我有一個使用angular2構建的應用程序，我的網頁內容被分成兩個面板作爲列。我需要實現一項功能，以便通過選擇左側面板的右側邊緣或選擇右側面板的左側邊緣來調整兩個面板的大小。

請讓我知道是否有一種方法來實現這個使用角度或HTML，CSS或JavaScript。

我知道CSS3有調整屬性，但這個可以讓你通過舉行DIV的一個角落裏，不找這個功能

實例來調整：我要實現類似的功能W3Schools的HTML編輯器（https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default）

如果我們打開上面的url，我們可以通過水平拖動中間欄來調整左右兩個面板的大小。請參考下面的截圖

Answer 1

在Resizable jQuery看看，例如：

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