直接加到水平中央
添加标签或边距：自动； 当然，也可以用以下方法在屏幕的中间(水平中央、垂直中央)说明两种方法
登载演示的html代码：
主方法1 :
div使用绝对布局，设定边距：自动； top、left、right、bottom的值相等即可，不一定需要为0。
. main{
文本照明3360中心；/*将div内部文本居中*
background-color: #fff；
border-radius: 20px；
width: 300px；
height: 350px；
边距：自动；
定位：助手；
top: 0；
left: 0；
right: 0；
bottom: 0；
}
效果如下。
方法2 :
left和top都保持着绝对的布局，使其达到50%。 这使div的左边缘在水平方向上与屏幕的左边缘相距50%，并且在垂直方向上相同。 因此，在“transform”中将自己宽度(高度)的50%向左(上)移动也可以获得居中效果。 效果图同上。
. main{
文本照明3360中心；
background-color: #fff；
border-radius: 20px；
width: 300px；
height: 350px；
定位：助手；
left: 50%；
top: 50%；
transform:translate(-50%、-50%；
}
方法3 :
在水平方向的中央，有最简单的
标签，但已经过时了。 使用方法如下。 123这个
标签是指相对于标签中的文字，可以配置在中央。
center标记已过期，因此不推荐使用正版标记。 可以用以下方法代替。
123