html html - css - 带变换的中心块

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html html - css - 带变换的中心块相关的知识,希望对你有一定的参考价值。

<main>
 <div>Content centered vertically</div>
</main>
main { position: relative; }
main div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

以上是关于html html - css - 带变换的中心块的主要内容,如果未能解决你的问题,请参考以下文章

CSS3 3D Transform

根据浏览器显示界面大小变换,替换css文件方法

牛逼的css3:动态过渡与图形变换

HTML5-CSS3-JavaScript

纯CSS3实现多层云彩变换飞行动画

CSS3 2D Transform