css3一行或多行文字垂直居中

文字容器高度固定,但容器内部文字个数不知,但要求文字部分垂直居中,利用css3的flex弹性盒子属性可以解决。

核心代码:

示例:

结果:

可见两行文字垂直居中。

如果减少文字数量:

同样可以垂直居中。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180806G0F6SV00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券