前端录网站,记录前端点点滴滴,帮助程序猿快速成长!

绝对定位DIV内的文本水平垂直居中,一个标签搞定

css3
实现如下图效果:



代码如下:

CSS:
.comming{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;color:#fff;font-style:italic;font-weight: bold}
.comming:after{position:absolute;top:50%;left:50%;z-index:4;content:"尽请期待...";margin-left:-2.3rem;}
 
HTML:
<div class="comming"></div>


转载请注明:前端录»绝对定位DIV内的文本水平垂直居中,一个标签搞定