首页 > 技术文章 > 多行文字水平垂直居中显示

juicy-initial 2018-06-29 15:09 原文

场景:

   实现如图左部部分的样式

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; }

推荐阅读