Div文本垂直填充

Question

我注意到随着字体变得越来越大，文本上方和下方的div元素中的垂直填充变得越来越大。反正有没有快速的方法来阻止这种情况？这个字体是否依赖？

我正在尝试创建一个词云，但这些垂直间距被证明非常烦人。

以下是一个例子：

Answer 1

您可以使用line-height样式规则更改文本周围的空间量

Answer 2

试试你的css：

line-height: 20px;

Answer 3

设置行高是你的答案，但我会推荐使用em单元，并为标签云中的所有字体大小设置行高为1em。我总是使用em来表示行高，因为无论字体是由像素，ems还是其他单位设置，行高总是相对于字体的大小。

根据W3C规范的行高

  

正常值＆＃39;设置＆＃39;行高＆＃39;合理的价值   元素的字体。建议UA设置正常的＆＃39;价值   是一个1.0到1.2范围内的数字。

这意味着字体大小可能会有所不同，但字体的垂直高度始终保持一致且相对于相应的大小。

Answer 4

你可以研究一些已经完成的词云。

或者只是将类放到不同的大小，因此您可以将负填充放到更大的单词中。

.span bigger {
    font-size:2 em;
    padding: -4px;
}
.span big {
    font-size:1.5 em;
    padding: -2px;
}
.span small {
    font-size:0.9 em;
    padding: 0;
}

希望它有所帮助或至少给了你一些很酷的想法！ ;）