不同场景下的水平居中

CSS 常用样式技巧

CSS background-image 属性

Vue 实现模糊匹配、搜索关键字高亮

CSS 展开收起 样式

CSS 两列布局

CSS伪类右侧线

效果：主要代码：.item { width: 200px; height: 400px; border: 1px solid seagreen; display: table-cell; vertical-align: bottom;}或.css { display: flex; align-items: flex-end;}完整代码实现<template> <div class="mark-title-con"> &lt

效果：element 样式修改覆盖：<el-checkbox class="base-checkbox" v-model="checked">排污企业（30）</el-checkbox>.base-checkbox .el-checkbox__label { padding-left: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.6);}.base-checkbox .el-checkbox__in

点击选中（多选）、选中右上角有三角形

flex布局 水平居中 底部对齐

左右布局的各种效果展示

（一）三列等宽不等高布局html布局：<div class="container"> <div class="box left"> 第一个 </div> <div class="box center"> 第二个 </div> <div class="box right"> 第三个 </div> &lt

场景一：物体A相对于整个屏幕水平垂直居中（弹出框）注：黑色边框是屏幕的尺寸方法一： 将外边距设置为容器自身宽高的一半top 和 left 均设置为 50%，然后设置容器外边距 margin 的负间距（即：margin-top 为容器自身高度一半的负值，margin-left 为容器自身宽度一半的负值）&lt;body&gt; &lt;div class="conte...