码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-07-27 18:09:00      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:设定   居中   display   lex   上下   center   bsp   items   超过   

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

}

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

标签:设定   居中   display   lex   上下   center   bsp   items   超过   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!