css行高：line-height属性详解（4）
作者：ddcatlee 来源：猫沙盆 发布时间：2008-06-24 11:42:00
标签：line-height,行高,文字,css
7.3.4 浏览器的差别与错误
浏览器在显示的时候往往会有自己的表现形式，例如在Opera内，行高将按照CSS定义的将行距除以2增加到内容区域的上下两边，而IE和Firefox则不是完全平分，如图7-29所示。
图7-29 不同浏览器对行高的显示
不过，相差的1至2个像素在实际显示中一般不会有太大的影响，因此可以忽略不计。 比较严重的错误是IE 6.0对于含有图片或者表单元等可替换行内元素的行高失效的问题，不过，在IE 7.0中已经修正了这个错误，但是其表现同其它浏览器也不相同。
例如有如下代码，其显示如图7-30所示。
#lineHeight4 p { line-height : 60px; } #lineHeight4 fieldset{ border : 0; } <div id="lineHeight4"> <p>内容含有图片在[IE 6]内浏览line-height将失效。<img src="../../img/ddcat_anim.gif" alt="图片" width="88" height="31" /></p> <form id="testForm" action="#"> <fieldset> <p><label for="test1">表单元素</label>< input type="text" maxlength="16" value="IE6内行高失效" /></p> </fieldset> </form> </div>
图7-30 包含替换元素的行高在IE内失效
由图7-30读者可以发现，IE 7.0中，将半行距分别加在了图片的上下，而由于图片默认是基线对齐，因此文字的基线下移了，这显然不符合CSS中的规定。 对于IE 6.0中行高失效的问题，需要使用CSS Hack手段来针对IE 6.0设定替换元素的上下补白来修正。 提示：关于针对IE 6的CSS Hack，请参见本书[第16章：浏览器与Hack]。
0
投稿猜你喜欢
- 一个非常简单的将半角"转换为中文"的asp函数function new_str(str)
- 内部存储格式：世纪、年、月、日、小时、分钟、秒默认格式是：DD-MON-RR。SYSDATE 返回当前的系统时间。SELECT S
- 首先,这片文章纯粹是我的个人经验之谈,适用于我常见的环境及项目中。个人建议,数据库字符集尽量使用utf8(HTML页面对应的是utf-8),
一般上电子商务网站买东西的用户分三种：随便看看，就是不买先看看，买不买再说就是来买东西的这样的需求反应到产品页的购买按钮上，我们一般会看到购- 农业银行总行1998年以来正式推广了新版网络版综合业务统计信息系统，该系统是基于WindowsNT4.0平台，采用客户/服务器模式，以Mic
- 在程序的开发过程中，处理分页是大家接触比较频繁的事件，因为现在软件基本上都是与数据库进行挂钩的。但效率又是我们所追求的，如果是像原来那样把所
- IE6下浮出层常会需要增加一个iframe来解决浮出层被Obj穿透的问题，这个是目前最有效的方案，不过这个方案本身有个缺陷，就是iframe
- 时间久了，注册用户和朋友数据库里的废记录渐渐多了起来，尤其是电子邮件地址，请问有什么好的办法可以快速安全地将它们删除吗？试试下面这个办法，它
- 在按钮旁边加文字1.打开editor/js/ 两个js文件fckeditorcode_gecko.js fckeditorcode_ie.j
- asp程序出错后，错误提示不是很清楚明白，让人摸不着头脑，用下面方法看看有没有帮助（此法目前只适合除ADO错误外的错误） &nb
- jquery作为一款高质量的框架被大多web开发者所推崇。jquery也的确是一款伟大的产品，在实际开发中明显提高了效率。但是任何产品并不是
- Dreamweaver（以下简称DW）提供了一种称为“Behavior”（行为）的机制，帮助你构建页面
- 尽管XML还处在开发阶段，其标准正在由W3C组织制定，但是已经有许多公司表示全力支持XML，并开发了不少XML工具。Adobe公司的Fram
- 你已经在上面取出w打头记录的例子中看到了LIKE的用法。LIKE判定词是一个非常有用的符号。不过，在很多情况下用了它可能会带给你太多的数据，
- 触发器权限和所有权CREATE TRIGGER 权限默认授予定义触发器的表所有者、sysadmin 固定服务器角色成员以及 db_owner
- 查了查《VBSCRIPT 速查手册》InstrRev的用法：InstrRev函数，功能：返回某字符串在另一个字符串中出现的从结尾计起的位置语
- 以下是涉及到插入表格的查询的5种改进方法：1)使用LOAD DATA INFILE从文本下载数据这将比使用插入语句快20倍。2)使用带有多个
- 我认为在ASP中最好的办法是用编程实现定时刷新Cache，也就是说给Application中储存的设一个过期时间。当然，在ASP中Appli
- 在JAVASCRIPT中LEFT函数的等价函数：function left(mainStr,lngLen) {if&nb
- 分区视图联接来自一组成员的水平分区数据，使数据看起来象来自同一张表。SQL Server 2000 区分本地分区视图和分布式分区视图。在本地
