css
文章平均质量分 67
完美的展示
不能懒鸭
努力写出优雅的代码
展开
-
flex布局
布局的传统解决方案,基于盒模型,依赖display属性+position属性+float属性。但是对于一些特殊的布局不方便,比如:垂直居中:传统:方法一:position/*父盒子*/.parent{ position:relative;}/*子盒子*/.child{ position:absolute; left:0; right:0; top:0; bottom:0;}方法二:position+transform/*父盒子*/.pa原创 2022-02-19 20:14:46 · 141 阅读 · 0 评论 -
scoped 与 css modules
1. scroped在使用Vue-Cli 开发时,我们都知道,在组件的<style></style>加上 scoped属性,可以让<style></style>里的样式只在当前组件生效。原理: 组件scoped里的样式都加了当前组件的唯一标识data属性**。也就是说,即使**当前组件的class跟其他组件重名,因为每个组件的data属性不一样,当前组件的样式也就不能再其他组件生效了。<img src="" class="iconImg"/&原创 2022-02-15 17:06:32 · 359 阅读 · 0 评论