1. 使用Flexbox
Flexbox是CSS3中的一种布局模式，它可以轻松地实现垂直居中。在父元素中添加以下样式：
display: flex;ster;
ster;将子元素垂直居中。
2. 使用绝对定位
使用绝对定位可以将子元素定位到父元素的中心位置。在父元素中添加以下样式：
: relative;
然后，在子元素中添加以下样式：
: absolute;
top: 50%;sformslateY(-50%);
sformslateY(-50%);将子元素向上移动50%的高度，使其垂直居中。
3. 使用表格布局
使用表格布局可以轻松地实现垂直居中。在父元素中添加以下样式：
display: table-cell;iddle;
然后，在子元素中添加以下样式：
line-block;iddle;
iddleline-block;将子元素设置为内联块级元素，使其能够在表格单元格中显示。
总结：属性；使用表格布局可以兼容所有浏览器，但是需要将父元素设置为表格单元格。