减少 CSHTML 中两个 div 之间的空白

Question

问题陈述： 当我检查元素时，我试图减少两个 divs.Actually 之间的 white-space，但我没有注意到 them.So 之间的任何 white-space 无论如何我可以在每个元素上溢出其他或我做错了什么吗？？

HTML代码：

 <div style="text-align:center;position:absolute;left:20px;top:5px;">
        <div style="font-size:150px;color:black;">
            @Html.Label("lblTarget", "1234"))
         </div>
         <div style="font-size:70px;color:black;">
             @Html.Label("lblLang", "Some Test Data")
         </div>
  </div>

1) 图像显示了上述 html 代码的输出：

2) 我要显示的所需输出：

我需要应用什么 css 才能获得第二张图片中显示的所需输出？

Answer 1

从外观上看，您需要调整文本的行高才能达到该效果

Answer 2

增加 font-size 会增加文本上方和下方的间距 - 默认情况下，文本的全高约为实际字母高度的 1.2 倍，according to MDN。

您需要将 div 的 line-height 更改为大约 0.9em 以缩小差距。

body {
    font-family:sans-serif;
    font-weight:bold;
}

div{
    line-height:0.9em;
}

 <div style="text-align:center;position:absolute;left:20px;top:5px;">
        <div style="font-size:150px;color:black;">
            <label for="lblTarget">1234</label>
         </div>
         <div style="font-size:70px;color:black;">
             <label for="lblLang">Some Test Data</label>
         </div>
  </div>

减少 CSHTML 中两个 div 之间的空白

Reducing the whitespace between two divs in CSHTML

html

model-view-controller

razor