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

问题陈述： 我试图减少2 divs.Actually之间的空白，当我检查的元素，我没有注意到它们之间的任何空白。所以，无论如何，我可以溢出对方或有什么我做错了？减少两个div之间的空白在CSHTML

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我需要应用inorder才能得到第二个图像中显示的所需输出？

来源

2015-01-06 Vishal I Patil

通过它，你需要调整文本的行高，以达到这样的效果

来源

2015-01-06 13:12:25 atmd

谢谢线高度解决了我的疑难问题。用'的line-height：100px的;'在div的主要DIV –

增加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>

的div

来源

2015-01-06 13:18:02 Rhumborl

谢谢线高度解决我的问题。 –

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

回答

相关问题