弹出框在页面左右上下居中的写法
自适应写法
.dialog{
border-radius: 8px;
display: flex;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}版权声明：本文由Web学习之路发布，如需转载请注明出处。
“弹出框在页面左右上下居中的写法” 的相关文章
多行文字固定行显示省略号
第一种display: -webkit-box-webkit-box-orient: vertical-webkit-line-clamp: 2overflow: hidden第二种p{position: relative; line-height: 20px;&nbs...
less
继承：2种 box1想公用box2的内容1，完全复制 .box1{ .box2}2,只公用同级的.box1{ &:extend(.box2)}嵌套.box1{ &nbs...
动态计算rem适应
<script>~ function(){function computed(){let HTMl=document.documentElement,deviceW=HTML.clientWidth, //显示屏宽度deviceWdesignw=750, &n...
实现背景色半透明渐变效果
父级相对定位 .box__shadow_left,.box__shadow_right{ position: absolute; top:0; height: 65rpx; width: 60px; z-index: 9; } 左边的效果 .box_...