多行文字水平垂直居中显示

场景：

   实现如图左部部分的样式

1.外层div 的高度和右边部分相等，display: table;

2.内层div :vertical-align: middle; display: table-cell;text-align: center;line-height: 15px

 

图片垂直居中：div { line-height: 240px; font-size: 0; } img { vertical-align: middle; }