水平垂直居中页面的div代码

每次都需要百度，干脆自己记录下来吧，具体原理我也不懂，不过算是比较简单的方法。

1. .win {
   
2.         width: 500px;
   
3.         height: 300px;
   
4.         position: fixed;
   
5.         top: 50%;
   
6.         transform: translateY(-50%);
   
7.         /* 如果也需要水平居中，可以添加以下属性 */
   
8.         left: 50%;
   
9.         transform: translate(-50%, -50%);
   
10.         background: #FF0000;
    
11. }

复制代码

定义一个.win的div即可

有关PHP系统、Discuz或网站等各种问题，可以联系QQ1069971363寻求付费支持