weixin_42869548的博客

样式穿透 在开发中修改第三方组件样式是很常见，但由于 scoped 属性的样式隔离，可能需要去除 scoped 或是另起一个 style 。这些做法都会带来副作用（组件样式污染、不够优雅），样式穿透在css预处理器中使用才生效。 我们可以使用 >>> 或 /deep/ 解决这一问题: <style scoped> 外层 >>> .el-checkbox { display: block; font-size: 26px; .el-checkbox

这次主要介绍的是 justify-conten: space-between; 属性。 比如： 实现如下图的布局，以前常用方法是元素固定宽，然后用margin-right布局，再将最后一个元素的margin-right置为0。 使用flex布局后, 只需要一个属性就能实现，那就是： justify-conten: space-between; 具体代码： ....