Html+css让div块垂直水平居中

1.html文件

 <div class="loginEntity">

  </div>

2、css文件  ：两种方式

.loginEntity{ top: 0; left: 0;right: 0;bottom: 0;margin:auto;      <!-- 该行控制垂直居中 -->

                                   width:400px;height:350px;position:absolute;background-color:green;}

另一种

.loginEntity{  left :50%; top:50%; transform: translate( -50% , -50%);  <!-- 该行控制垂直居中 -->

                        border-radius:20px; <!-- 该行div块圆角效果-->

                        text-align:center; width:400px;height:350px;position:absolute;background-color:green;}