元素水平垂直居中

Posted 清风叶

tags:

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

一些水平垂直居中的样式

1, some-class{

  position:absolute;

  left:0px;

  top:0px;

  right:0px;

  bottom:0px;

  margin:auto;

}

2, some-class{

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -height/2;

  margin-left: -width/2

}

以上是关于元素水平垂直居中的主要内容,如果未能解决你的问题,请参考以下文章

CSS水平居中+垂直居中+水平/垂直居中的方法总结

水平居中,垂直居中,水平垂直居中 方法大全

图片垂直水平居中

水平居中垂直居中水平垂直居中

css确定元素水平居中和垂直居中

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