垂直居中,定位的方法

Posted 以后。h

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了垂直居中,定位的方法相关的知识,希望对你有一定的参考价值。

<div class="div">

   <h2>我处于垂直居中状态</h2>

</div>

 

<style>

  .div{position:relative:}

 .div h2{position:absolute;left:50%; top:50%; margin-left:-50px; margin-top:-50px;}

</style>

注:

margin-left,margin-top的值都是h2自身宽高的一半的负值。

以上是关于垂直居中,定位的方法的主要内容,如果未能解决你的问题,请参考以下文章

div盒子水平垂直居中的方法推荐

CSS实现垂直居中的7种方法

将一个不定宽高的盒子设置水平垂直居中的六种方法

垂直居中,定位的方法

如何让div垂直居中(23种方法总结)

定位实现水平垂直居中的两种方法(无需计算)