1.两侧固定，中间自适应 .box{ width: 100%; display: flex; height: 300px; } .left ...

问题描述： 在vue-element-admin项目中需要实现多个列表并排排列，于是想到使用flex布局，页面渲染之后发现，当拉伸显示区域，table宽度能自动拉伸，但是当压缩显示区域发现，table的宽度不能自适应。 解决方法 备注 关于flex布局 a. ...

效果图 代码实现 ...

jQuery计算文本宽度的原理是利用html提供的<pre>标签，向dom中动态添加<pre>标签，标签里的内容就是要测试长度的文本，获取完长度之后再删除刚才添加的<pre>标签，从而可取到文本的大概长度了。为什么要用标签而不用其他标签呢，那来看看 ...

...

问题： 在左侧菜单栏折叠/展开的时候右侧设置flex:1；自适应布局的区域由于table表格宽度已经渲染，会出现横向滚动条不能自适应。 解决方案： ...

和class和button所在的div为了自适应宽度，使用了width:100%； 自己写了个简单的demo是 ...

附：传统模式（利用float浮动实现） ...