请教一下一个简单的CSS问题

Image
请问一下图中划线的布局该如何实现?就是如何实现文字分行且垂直居中?

阅读 2.6k
5 个回答

垂直高度可以使用css3属性flex布局:

外围div使用:

display: flex;
align-items: center;

里面使用两层p标签包围文字即可,就会实现垂直居中。
注意使用兼容性写法。

设置文字的line-height的值为父容器的高度,就可以垂直居中了

我觉得文字直接用p标签即可,你需要考虑的是左边图片和右边的文字如何垂直居中,我做的话就用position:absolute

line-height 设为二分之一容器高度

display:table;

display:table-cell;

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题