如何实现单行与多行文字的居中
Posted ranyonsue
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何实现单行与多行文字的居中相关的知识，希望对你有一定的参考价值。
在项目中遇到一个问题，在一个宽度为百分比形式设定宽度的div中，文字可能不多但是也可能较多，会超过一行。怎么才能做到不管1行还是2行3行，文字都可以上下左右居中呈现。
只需要这样设置css属性即可
div{
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
以上是关于如何实现单行与多行文字的居中的主要内容，如果未能解决你的问题，请参考以下文章