i_am_a_div的博客

解决flex布局的元素高度超出父元素高度

修改element-plus的主题色css变量

动态生成element-plus的scss变量；SCSS中实现动态颜色变体生成

Chrome浏览器捕获hover元素样式

css的背景图和背景色混用；rgba和opacity区别

element元素的scrollIntoView

html随笔记录

> 1.横向取值scrollLeft 竖向取值scrollTop> 2.可以监听到最左最右侧> 3.鼠标滚轮滑动控制滚动条滚动

解决使用flex布局后页面抖动问题；css样式抖动

css设置滚动条样式；滚动条设置透明

页面锚点使用，__vueParentComponent 和 ctx使用

多个子div在父中水平垂直居中

动态修改el-input样式;动态修改elmentUI元素样式；css变量

el-dialog弹框中img图片保持比例最大化；图片保持比例最大化

css设置line-height无效,为什么设置span的line-height属性无效？

object-fit

vue项目转rem；H5配置rem；px转rem

pointer-events: none;点击渗透属性

解决列表某项文字过多 需要自适应撑开高度展示 其他项按照行高居中

/deep/ >>> ::v-deep

假设num是data里的变量<span :style="{'left':`${(num+1)*2 - 3}`+'px'}"></span>

px:绝对单位 1px在哪里长度都是一样rpx：相对单位 微信小程序引入rpx单位 在屏幕像素基准为375物理像素的屏幕上 1rpx = 1px 例如iph6是屏幕宽度是375px 750物理像素 那么在上1rpx = 375/750px=0.5pxem：相对单位 基准点是父节点字体font-size大小rem：相对单位 基准点是根节点html字体font-size大小 默认是16pxvw：视图窗口的宽度 1vw是1%的视图窗口宽度vh：视图窗口的高度 1vh是1%的视图窗口高度wmin： .

给父盒子设置高度=子盒子总高度 属性：height: fit-content; //设置内容高度

需求：可以旋转、放大、颠倒图片。html: <div class="imgtop"> <img class="imgboxele" id="xingshizhengzhengben" :src="imgurl" alt=""> </div> <div class="imgtxt">行驶证正本</div> <span @click="chong

calc（）使用记录、css换行、常用的几个特殊属性

情景1：使用灰色的字体图标步骤1：下载iconfont步骤2：解压后只需要将ifonfont.css这一个文件 ，单独的放在你的项目的static>fonts下的某个文件下步骤3：找到你项目下这个iconfont.css，修改样式，将其他url全部删除，只保留base64的那个url 且这个url最后的逗号,也需要删除删除前的css：删除后的css：步骤4：引入：注意:src字段的url的括号内一定要使用单引号①引入位置：你可以直接在app.vue内引入；也可以在main.

//默认 input[type="checkbox"] { margin-top: 7px; cursor: pointer; position: relative; width: 14px; height: 14px; font-size: 14px; margin-right: 8px; background-color:#fff; }...