如何设置一个元素在垂直方向居中?

        1、首先不考虑代码的灵活性，可以使用margin 外边距或者 padding内边距来实现元素在垂直方向居中显示具体可以给父元素设置一个垂直方向的padding内边距;

        2、也可以给需要垂直居中的子元素设置垂直方向的外边距.

        3、其次如果这个需要垂直居中的元素是一个单行文本，则可以使用行高等于标签高度的方式来实现.

        4、也可以使用css3 中的flex布局，使用align-items:center设置元素在侧轴(垂直方向)居中对齐.

        5、也可以使用绝对定位的方式，设置元素在相对定位的父元素中垂直对齐.