首页 > 其他 > 详细

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

时间:2018-07-27 17:55:54      阅读:173      评论:0      收藏:0      [点我收藏+]

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

}

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

原文:https://www.cnblogs.com/ranyonsue/p/9378867.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!