在编写HTML代码时,功能上经常会使用弹窗效果,为使页面看着更舒服和美观,通常会将View定位于屏幕正中心,该效果直接通过css设置为:
width: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
该View的父级可以设置为:
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
作为一名web萌新,想把常用的记录下来,方便以后查阅。