css
欧气的猫七姑娘
这个作者很懒,什么都没留下…
展开
-
flex-中篇
关于flexflex-grow默认值 0;flex-shrink默认值1flex-grow值为0时,不可扩张,即使还有剩余空间flex-shrink值为0时,不可压缩,即使还有溢出空间测试案例如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-04-14 17:28:50 · 101 阅读 · 0 评论 -
flex
关于flex-shrinkflex-shrink 压缩因子控制items项目如何减小宽度或者高度,当所有项的宽度大于父元素宽度时才有用,如果所有子项的宽度之和小于父元素宽度,即使给flex-shrink设置了数据也会无效。默认值:1 (超出自动压缩)如果某一项设置flex-shrink:0,则此项不压缩。计算权重方式:如果父元素内部有三个子元素,宽度为w1,...原创 2020-04-14 15:36:53 · 135 阅读 · 0 评论 -
scss
官方文档 https://www.sass.hk/docs/@extend 继承scss中提供了一个单独的选择器.article a{ color:blue; &:hover{ color:red; }}.circle>div{ width: 100px; &>div{ width: 200px; }}.art...原创 2020-01-05 21:48:47 · 152 阅读 · 0 评论 -
css-面试题
让元素居中的方法 <div class="big"> <div class="small"></div> </div>// 方法一 定位+外边距margin.big{ width: 300px; height:300px; border:1px solid red; position: relat...原创 2019-12-03 20:46:19 · 145 阅读 · 0 评论