如何实现单行与多行文字的居中

在项目中遇到一个问题，在一个宽度为百分比形式设定宽度的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;

}

posted on 2018-07-27 17:36 ranyonsue 阅读(…) 评论(…) 编辑 收藏

版权声明：本文为ranyonsue原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/ranyonsue/p/9378867.html