诡异:由于字体设置造成的元素高度误差
日期: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" />
</a>
</h1>
那么该a元素的高度会额外的高大概2到4个像素,最后的解决办法是,把空格移除,元素的高度通关CSS来设置,还是那句话,尽量不要用空格去撑开空间去起到布局上的一些作用。
布局本来就是用CSS来搞定的,谨记。
相关文章
- 纯css+html制作的菜单 2008-07-06
- getElementsByClassName 2008-07-21
- 布局:div等高处理 2008-07-06
- xhtml+css 设计注意事项 2008-07-30
- 今天买了css蝉意花园 2008-07-26
- 如何修改Foxmail字体,编辑器属性 2011-07-11
- win7窗口字体大小设置 2011-11-22
- 让Safari支持微软雅黑的CSS样式表 2011-12-07
- flex利用source属性嵌入字体 2009-01-06
- Web字体的运用与前景 2009-01-19
- 块级元素和内联元素 2008-08-26
- 修改dom元素 2008-11-16
- 获取dom元素文内容 2008-11-16
- html元素的type属性 2009-02-23
- VBScript中清除数组元素Erase语句 2009-01-14