js实现拖拽调整div盒子宽度,拖拉修改宽度div
vue中实现拖动调整左右两侧div的宽度的示例代码
通过监听鼠标按下,移动,事件来计算 移动的宽度,动态给盒子设置宽度,即可实现拖拽调整div盒子的宽度
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>拖拽调整盒子宽度</title>
<style>
.main{
display: flex;
}
.main .left {
flex-shrink: 0;
width: 300px;
height: 600px;
border