在div的开头设置文本

Question

我想在div的开头设置文本，就像div上边框一样。 但是当我增加字体大小时，它会在顶部留下一些空白区域。

   <div id="preview">
       <div id="custom">
             <div id="t1"><span>First text</span></div>
             <div id="t2"><span>Second text</span></div>
       </div>
   </div>

这是css。

       #t1{
          font-size:30px;
       }
       #t2{
          font-size:100px;
       }

在第一个文本和第二个文本之间还有空白区域我不希望它们之间和div之间有这些空白区域 只是文本从顶部开始，第一个文本在此下方开始，第二个文本没有任何空格。

Answer 1

这是文本的默认行为。但是，如果你想这样做，你可以保留负数（但不是好的做法），或者你可以使用定位。

 #t1{
              font-size:30px;
           }
           #t2{
              font-size:100px;
margin-left: -4px;
           }

Answer 2

在css中使用line-height是一个选项：

#t1 {
    font-size: 30px;
    line-height: 75%;
}
#t2 {
    font-size: 100px;
    line-height: 75%;
}