vertical-align:middle近似垂直居中原理示意实例页面

展示

x

修改font-size:
(16px-48px)

代码

• HTML：

  <div class="box">
      <img src="1.jpg">x
  </div>

• CSS：

  .box {
      width: 280px;
      line-height: 128px;
      background-color: #f0f3f9;
      font-size: 16px;
  }
  .box img {
      height: 96px;
      vertical-align: middle;
  }