CSS实现文本自动换行和行高自适应的技巧

意思是：假如一个div显示一行文本是行高是100px; 当显示两行文本时文本自动换行，并且行高自动变为50px;div的高度始终不变是100px;

<div class="parentDiv">
   <div class="sonDiv">
      文本超出自动换行，并且行高自适应
   </div>
</div>

<style>
   .parentDiv{
      height: 100px;
      line-height: 100px;
      position: relative;
   }
   .sonDiv{
      display: inline-block;
      line-height: 50px;
      vertical-align: middle;
   }
</style>