字体大小覆盖其他样式

时间:2014-09-02 11:14:27

标签: html css removing-whitespace

我试图使用font-size:0;黑客来消除网格系统上的空白区域。

我已将正文字体大小设置为0,然后在其他位置指定文本的大小。

但是font-size:0;似乎覆盖了,我的文字无法看到?

JS Fiddle

div{font-size:0;}
h1{font-size:1.5em;}

3 个答案:

答案 0 :(得分:1)

相对于父元素上字体的大小定义em值。因此,在这种情况下,1.5em;的计算值为0

您可以use a root-em remfixed length value as px

  

<强> 15.7 Font size: the 'font-size' property

     

&#39; EM&#39;和&#39;前&#39; length值是指计算出的字体大小   当前元素。在&#39; font-size&#39;财产,这些长度单位是指   到父元素的计算字体大小。

答案 1 :(得分:0)

我刚才意识到,这是因为ems是相对于父母的相对数字。因此,只有为文本指定px值时,这才有效。

答案 2 :(得分:0)

em值是相对于父元素上字体的大小。由于您的div元素font-size:0h1元素的相对值为0。在这种情况下,您必须使用attributes的某些特定值。对于实例

font-size: 10px;