Question

我在div中有一个文本。我想要的是摆脱文本和div边界之间的顶部和底部空格。你能帮我吗？

HTML：

<div id="text">APPLE</div>

CSS：

#text {
float:left;
font-size:3em;
color: black;
}

Answer 1

你需要玩line-height http://jsfiddle.net/ysqs6veu/

为简单起见，我在高度上使用了百分比，因此这适用于所有字体大小。

#text {
    float:left;
    font-size:3em;
    line-height: 65%;
    color: black;
}

Answer 2

使用＆＃34;线高属性＆＃34; 。它会起作用。

#text {
  float: left;
  font-size: 3em;
  color: black;
  border: 1px solid red;
  padding: 5px;
  line-height: 23px;  /*Change the value according to your choice*/
}

Answer 3

以em为单位的twy。它相对于元素的字体大小。试试 -

#text {
  float:left;
  font-size:3em;
  color: black;
  line-height: .7em;
}

它会根据字体大小自动计算。

Answer 4

你也可以试试这个......

#inner{
     margin: -8% 0px -8% 0px;
}

<div id="text">
   <div id="inner">APPLE</div>
</div>

CSS技巧 - 摆脱文本和div边界之间的顶部和底部空格

4 个答案: