诡异:由于字体设置造成的元素高度误差

日期:2011-11-17    阅读:30   分类:HTML~CSS


在一个元素内包含了空格,并且同时这个元素还设置了字体大小的时候,那么元素的高度会莫名的变高,比如下面的代码:

h1 {
   font: 400 1.9em georgia, serif;
}

<h1>
  <a href="#">
     <img src="http://www.scriptlover.com/img/bg/logo.png" />&nbsp;
  </a>
</h1>

那么该a元素的高度会额外的高大概2到4个像素,最后的解决办法是,把空格移除,元素的高度通关CSS来设置,还是那句话,尽量不要用空格去撑开空间去起到布局上的一些作用。

布局本来就是用CSS来搞定的,谨记。

本页链接: http://www.scriptlover.com/static/1171-css-字体-元素

标签:

相关文章

网友评论

Leave a comment

 required

 required (Not published)

 required