Div文字垂直填充

我注意到随着字体越来越大，文字上方和下方div元素的垂直填充变大。无论如何有快速的方法来防止这种情况发生？这个字体是否依赖？Div文字垂直填充

我试图创建一个词云，但这些垂直间距被证明是相当讨厌。

下面是一个例子：

enter image description here

来源

2014-07-03 kbirk

设置行高就是您的答案，但我会推荐em单位并将行高设置为1em以获取标签云中的所有字号。我总是用em来表示行高，因为不管字体是由像素，ems还是其他单位设置的，line-height总是与字体的大小有关。

根据对行高

“正常”的值设置“行高”为元素的字体的合理值的W3C规范。建议UA将'正常'值设为的数值范围为1.0到1.2。

这意味着字体大小可以变化，但字体的垂直高度将始终保持一致并与相应的大小相关。

来源

2014-07-03 16:19:14 DShults

尝试在你的CSS：

line-height: 20px;

来源

2014-07-03 15:14:01

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

来源

2014-07-03 15:14:18 Jnatalzia

我不喜欢在这种情况下使用“* padding”这个词，因为我认为这真的是一种误导。 –

已修复！好决定 – Jnatalzia

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

或者只是把类放到不同的大小，所以你可以把负填充到更大的单词。

.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; 
}

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

来源

2014-07-03 15:17:00 SrAxi

Div文字垂直填充

回答

相关问题