方法一:使用display:flex和align-items:center属性 { display:flex; align-items:center; }
上述方法可以将元素的子元素(多行文本)在纵向上居中。flex布局具有灵活性,不仅可以在垂直方向上居中,还可以在水平方向上实现居中。
方法二:使用display:table-cell和vertical-align:middle属性 { display:table-cell; vertical-align:middle; }
上述方法可以将元素内部的多行文本在纵向上居中,与方法一相同。但是,这种方法不具有flex布局的灵活性,只能在垂直方向上实现居中。
需要注意的是,在使用上述两种方法时,父元素需要设置宽、高属性,使其成为具有可视面积的盒子。如果没有设置宽、高属性,那么子元素将无法在其中居中。