css
Kotoba209_
学会在孤独中与自己交谈,听自己说话,从而学会深刻。
展开
-
Flex 布局 元素被挤压的问题
Flex 意为 “弹性布局”,是一种在开发静态页面过程中常用的布局模式。开发购物车使用flex布局的时候遇到的一种场景:具体如图所示, 当商品名称超出两行文字时显示省略号, 但是使用flex布局, 占位较多的子元素会去挤压别的子元素。解决方法很简单, 就是使用flex-shrink属性;flex-shrink 属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小,它还有另外...原创 2020-03-13 11:53:44 · 17008 阅读 · 5 评论 -
CSS Module 在vue和react中的多类名写法
vue:<van-panel :class="[$style.others, $style.panel]"/>动态添加类名::class="[$style['tag-active'], {[$style['tag-normal']]: bool}]"/> // bool 为定义的bool值变量, true时添加对应的类名, false则反之react:classNa...原创 2020-03-10 11:52:17 · 1615 阅读 · 0 评论 -
自定义vant组件样式
学习修改vant组件样式无法显示的问题由于scoped只对当前.vue文件中的template模板标签内的结构有效,所以在含有scoped属性的style标签中修改vant组件样式是无效的。所以先确保.vue文件的style标签没有使用scoped属性,然后在浏览器中查看想要修改的组件的类名即可。如上图中使用类名.van-button--default修改button的背景颜色<s...原创 2020-02-12 15:41:41 · 13831 阅读 · 0 评论 -
css margin塌陷问题
css margin塌陷问题垂直并列先设置两个div,并分别设置宽高背景色。<style> * { margin: 0; padding: 0; } .box1 { width: 200px; height: 200px; background-color: cornflowerblue; } .box2 ...原创 2019-07-09 16:45:26 · 511 阅读 · 0 评论