利用css flex布局让单行及多行文本均上下居中显示

发布时间:
2019-07-03 1:41:22

css flex 实现多行文本上下居中

css flex 实现多行文本上下居中

我们在对一个容器内的文本进行上下居中显示时,通常采用line-height的方式来设置,对于单行文本来说这个方法可行,但是如果有多行文本,line-height便无法实现,默认情况下<br />及<p>都会受line-height的影响。

使用flex布局便能轻松解决这个问题。项目上的功能需求已经实现,我便不去深入了,有兴趣的朋友还可以研究下vertical-align的实现方式。

下面放上flex布局让单行及多行文本均上下居中显示解决办法:

温馨提示: 此处内容需要评论本文后才能查看.

Good luck!

你可能感兴趣的文章:

  • 暂无相关文章

共有 0 条评论

You must be logged in to post a comment.