垂直居中怎么设置

垂直居中有多种方式可以设置，以下是常用的几种方式：

1.使用display:flex;将父元素设置为弹性布局，然后使用align-items:center;将子元素在纵向上居中。

2.给子元素设置绝对定位，然后使用top:50%;再使用transform:translateY(-50%);将子元素在纵向上居中。

3.在父元素中定义一个和子元素相同的行高，然后使用line-height:差额值;的方式将子元素在纵向上居中。

4.使用position:absolute;将子元素放到父元素的中间位置，再使用margin:auto;将子元素在纵向上居中。