情非得已小猿猿

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

1、当主轴空间有剩余，求最终left、right宽度 <div class="container"> <div class="left"></div> <div class="right"></div> </div> <style> * { padding: 0; margin: 0; } .container { width: 600px; height: 300

1、flex-direction属性（） flex-direction: row | row-reverse | column | column-reverse row（默认值）：主轴为水平方向，起点在左端 row-reverse：主轴为水平方向，起点在右端 column：主轴为垂直方向，起点在上沿 column-reverse：主轴为垂直方向，起点在下沿 2、flex-wrap属性（如果一条轴线排不下，如何换行） flex-wrap: nowrap | wrap | wrap-reverse