DIV垂直居中的用法

CSS

1. body{background:#000;overflow-x:hidden;overflow-y:hidden;text-align:center;}
   
2. .embed-responsive-item{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0; line-height:100%}
   
3. .ico{width:100px;height:100px;position: relative;top: 50%;margin-top:-50px;}

复制代码

HTML

1. <a class="embed-responsive-item" href="https://www.xxgxw.com/?phone" target="_blank">
   
2.   <img class="ico" src="https://cdn.daicuo.cc/images/ico.player/btn_play.png" alt="play"/>
   
3. </a>

复制代码