Question

html中的每个文本似乎都有默认高度。说对于前。 h3元素。当我们阻止firebug中的h3元素时，我们可以在该文本的上方和下方看到额外的空间。显然，这不能避免使用reset.css。我也试过了line-height属性。它不起作用。任何替代方案？

以下是代码：

   <html>
        <head></head>
           <body>
             <table>
                  <tr>
                     <td><h3>Some text goes here</h3></td>
                  </tr>
              </table>
          </body>
      </html>

现在h3将为其设置默认高度（不提及任何边距是填充）。除了边距/填充之外，每个元素都有一个默认高度。对此有何解决方案？

Answer 1

是的每个块元素都有自己的填充和边距，它可能因浏览器而异。为避免这种情况使用

*{
padding:0;
margin:0;
}

它将避免所有块元素的默认填充和边距。

Answer 2

这可能是由于浏览器中的默认用户代理样式造成的。对填充应用零，保证金可以帮助您克服这一点。

h3 {
      margin:0;
      padding:0;
}

或者您可以使用

应用外来通话

* {
      margin:0;
      padding:0;
}

Answer 3

大概你在谈论填充和边距已经设置为0？你可以设置一个小于1的行高（例如line-height: 0.8），但我觉得有点危险。如果文本上方和下方的空间困扰您，您可以始终在元素上使用负边距将其拉近其邻居。

有没有办法避免html中文本的默认高度？

3 个答案: