CSS实现多行文本垂直居中_css多行文本垂直居中

作者：小桥流水78 | 2024-07-19 20:47:29

踩

css多行文本垂直居中

如下图所示，当有多行文本时，如何实现多行文本在容器中垂直居中呢？
在这里插入图片描述
如果是单行文本，将line-height 设置为容器高度即可实现垂直居中，如下图，显然多行文本时，line-height 无法实现垂直居中。

可采用以下方法实现：

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小桥流水78/article/detail/853419