CSS 使用CSS进行垂直和水平居中

Posted

tags:

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

.center {
  position: absolute;
  top:0; right:0; bottom:0; left:0;
  margin: auto;

  left:expression(this.parentNode.clientWidth/2 - this.clientWidth/2   " px");
  top:expression(this.parentNode.clientHeight/2 - this.clientHeight/2   " px");
  
  width: 60%;
  height: 60%;
}

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

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

CSS一个盒子在另一个盒子水平垂直居中

css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中

使用 CSS 将图像垂直和水平居中

CSS水平居中与垂直居中的总结

CSS常见样式总结之水平垂直居中方案及BFC小结