水平垂直居中总结
摘要:水平垂直居中总结 html结构 <div class="container"> <div class="box">text</div> </div> 一 box 为行内元素时, 水平居中 方案:父元素设置 text-align:center; 垂直居中 方案一: 父元素设置 display:tabl
阅读全文
posted @
2022-09-29 00:18
长安城下翩翩少年
阅读(24)
推荐(0) 编辑
sass基础篇
摘要:1、为啥 scss/less 要支持嵌套语法 2、什么时候需要嵌套语法 sass 重要语法 一 {} 二 $变量 变量类型:数字,boolen,字符串(有引号,无引号),数组,对象 三 @each 变量数组或者对象 1.便利数组 2,遍历对象 四.@mixin 和@include 作用:代码归类,减
阅读全文
posted @
2019-07-01 15:07
长安城下翩翩少年
阅读(159)
推荐(0) 编辑
object-fit 详解
摘要:contain 被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配,该对象将被添加“黑边”。 cover 被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配,该对象将被剪裁以适应内容框
阅读全文
posted @
2019-06-18 14:37
长安城下翩翩少年
阅读(427)
推荐(0) 编辑
background-size 详解
摘要:backgroun size:cover; .是按照等比缩放铺满整个区域。主要用于图片比div小的时候,将图片按照某一边的比例扩大以填充整个div背景。 .优点:图片不会被拉升,且实用于div长度和宽度的比例合适时候 .缺点:图片会失真,且当宽度和高度比例过大时候,会出现图片显示不全。 backgr
阅读全文
posted @
2019-06-18 11:59
长安城下翩翩少年
阅读(1686)
推荐(0) 编辑