行高内联元素“大值特性”演示实例页面

展示

代码

• HTML：

  <div class="box box1">
      <span>span: line-height:20px</span>
  </div>
  <div class="box box2">
      <span>span: line-height:20px</span>
  </div>

• CSS：

  .box {
      width: 280px;
      margin: 1em auto;
      outline: 1px solid #beceeb;
      background: #f0f3f9;
  }
  .box1 {
      line-height: 96px;
  }
  .box1 span {
      line-height: 20px;
  }
  .box2 {
      line-height: 20px;
  }
  .box2 span {
      line-height: 96px;
  }