首页 > 请教一下一个简单的CSS问题

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


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


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


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


display:table;

display:table-cell;


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

外围div使用:

display: flex;
align-items: center;

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


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

【热门文章】
【热门文章】