图文垂直居中方法之一：display-table

<div>
   <ul>
   <li style="display: table; border: 1px solid red; width: 300px;">
      <div style="display: table-cell; vertical-align: middle; height: 200px;">testesttesttesttest</div>
      <div style="vertical-align: middle; display: table-cell; height: 200px;"><img src="https://www.cnblogs.com/images/cnblogs_com/ash-sky/1277501/t_you.jpg" alt="" width="100" height="100" /></div>
   </li>
   </ul>
</div>

 

利用table方法设置display: table，display: table-cell，但是这种方法并不兼容IE6/IE7，如果你不需要支持IE67可以使用这种方法

• 你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好