请问一下图中划线的布局该如何实现?就是如何实现文字分行且垂直居中?
设置文字的line-height的值为父容器的高度,就可以垂直居中了
line-height 设为二分之一容器高度
display:table;
display:table-cell;
垂直高度可以使用css3属性flex布局:
外围div使用:
display: flex;
align-items: center;
里面使用两层p标签包围文字即可,就会实现垂直居中。
注意使用兼容性写法。
我觉得文字直接用p标签即可,你需要考虑的是左边图片和右边的文字如何垂直居中,我做的话就用position:absolute