需求： 原理： 拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是 ...

需求效果： 原理：拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是 ...

先上效果图： 如图所示，通过拖动来改变表单的宽度。 但实际上，这边并不是表单的边框，而是一个单独的组件。通过监听鼠标的down，move以及up事件。 我们可以单独的写个组件handle.vue。 <template> <div class ...

今天项目中需要使用到 echarts 为了自适应。找到了。以下解决方案、 效果图 代码 ...

以前在做手机端页面时候通过媒体查询的方法定义字体或者宽高。 这样看设计稿切图时一切字体大小、内容宽度全靠感觉去定义，media定义好之后，拿起键盘就是干。 字体、宽高都用rem来定义，此方法略爽！ 现在找到了一个方法，页面插入一段js，切图时看设计稿多宽页面就定义多大的宽度 ...

在使用Easyui GridView时，如果要Gridview的宽度和窗口的宽度相同，只需要设置fitColumns: true即可 这样实现以后，如果窗口的大小调整后，gridview的宽度是不会改变的，这时就需要我们自己来我完成了。为window添加一个resize事件，在事件回调方法 ...

绝对定位元素根据元素宽度自适应自身宽度 最近在做这样一个下拉框， 如果只设置绝对定位，宽度写100%的话，会遵循父级宽度的100%，但是文字实际上不够宽度，那么如果想根据子元素的宽度自适应，实现下图的效果，就需要加下面的样式。 ...

背景 块级元素宽度默认值为100%，而不是auto;因此其宽度不会根据子元素内容动态适应。 如何实现父级元素宽度动态适应其子元素。 方法一 display:inline; 给块级元素设置inline-block值。 方法二 绝对定位元素 给块级元素设置position ...