Html CSS的哪个部分导致文本中出现这种不必要的填充?

Html CSS的哪个部分导致文本中出现这种不必要的填充?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,请参见下面粘贴的代码 查看文本上方和下方的红色填充 <div class="row"> <div class="col-md-6 text-right"> <img src="https://images.unsplash.com/photo-1565893542669-5c3a75107dc9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w

请参见下面粘贴的代码

查看文本上方和下方的红色填充

<div class="row">
  <div class="col-md-6 text-right">
    <img src="https://images.unsplash.com/photo-1565893542669-5c3a75107dc9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" alt="couple" class="img-responsive" style="max-width: 400px;">
  </div>
  <div class="col-md-6 text-left">
    <h2 style="background: red; padding: 0; background: red; padding-top: 0; margin-top: 0;">
      TEXT
    </h2>
  </div>
</div>

正文
我正在使用引导,但不确定它是否与原因有关

这里的答案既不能解释也不能解决我的问题。例如,主要答案建议将边距设置为0,我已经这样做了。

style=“line height:0.8em;”
将减少文本上方和下方的空间。 此空间设置为文本本身的默认值(与引导无关)。这是为了确保文本可读。

style=“line height:0.8em;”
将减少文本上方和下方的空间。
此空间设置为文本本身的默认值(与引导无关)。这是为了确保文本可读。

这是
行高
@TemaniAfif请看我对行高黑客行为的回答:你问了是什么原因,是行高,这不是黑客行为。现在,如果你想减少它,这是一个不同的故事。您不应该这样做,因为这个空间是为像
Ëjpq
@obsidiange这样的角色保留的。我解释了为什么我的问题不是链接问题的重复。例如,主要答案建议将边距设置为0,我已经这样做了。没有,因为每种字体都有独特的设计。不同字体的相同行高可能会产生不同的结果和对齐方式,这就是为什么浏览器设置的默认值为
1.2
,这是一个很好的值,可以让所有字符都可见,并且在行之间有一个很好的间距。如果你想了解更多细节,我在这里回答了一个类似的问题:这是
线高
@TemaniAfif查看我关于线高黑客的回答:你问的是什么原因,是线高,这不是黑客。现在,如果你想减少它,这是一个不同的故事。您不应该这样做,因为这个空间是为像
Ëjpq
@obsidiange这样的角色保留的。我解释了为什么我的问题不是链接问题的重复。例如,主要答案建议将边距设置为0,我已经这样做了。没有,因为每种字体都有独特的设计。不同字体的相同行高可能会产生不同的结果和对齐方式,这就是为什么浏览器设置的默认值为
1.2
,这是一个很好的值,可以让所有字符都可见,并且在行之间有一个很好的间距。如果你想了解更多细节,我在这里回答了一个类似的问题:这感觉像是黑客攻击。例如,考虑是否用较长的标题替换“文本”,然后考虑在一个窄的设备上查看它,其中标题被包裹到第二行。您的破解会删除顶部不需要的间距,但也会影响其余文本的显示方式。如果打开文本编辑器或开始在任何文本字段中键入,您将看到光标低至“p”的底部,高至重音字母的顶部。这只是行的默认高度,由浏览器/应用程序/软件/文本编辑器设置为默认高度。因此,您使用的任何重写方法都是有漏洞的。很抱歉好的,谢谢你,艾米尔。感觉像是黑客。例如,考虑是否用较长的标题替换“文本”,然后考虑在一个窄的设备上查看它,其中标题被包裹到第二行。您的破解会删除顶部不需要的间距,但也会影响其余文本的显示方式。如果打开文本编辑器或开始在任何文本字段中键入,您将看到光标低至“p”的底部,高至重音字母的顶部。这只是行的默认高度,由浏览器/应用程序/软件/文本编辑器设置为默认高度。因此,您使用的任何重写方法都是有漏洞的。很抱歉好的,谢谢你,阿米尔。