HTML 去掉文本默认的行高

一. 问题描述

我们在进行页面布局时，会发现有些html标签默认会有行高，比如h1-h6标签有默认的行高，为了不影响我们布局，有时会把默认行高去除。

例如：

    <h1 style="background-color: green;">文本一</h1>

有默认行高：

二. 解决方法

给标签设置 line-height: 100%; 即可去掉默认的行高。

  <h1 style="background-color: green;line-height: 100%;">文本一</h1>

去掉默认行高后：