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
投稿猜你喜欢
- 今天的这篇文章是讲XHTML中的细节部分的，这篇续述的主题就是ID与CLASS怎么用，在标题中有提及使用原则与技巧，这里的使用原则与技巧是我
目录1.字符串的介绍2.字符串的下标3.字符串切片4.字符串find()操作5.字符串index()操作6.字符串count()操作7.字符- 在使用Django项目中,From表单提交了图片集合var formdata = new FormData();formdata.appen
- 本例使用登录页面演示，session的状态保持功能。说明：因为http是无状态的，客户端请求一次页面后，就结束了，当再次访问时，服务器端并不
- 环境： Python3 + windows。开发工具：Anaconda + Jupyter / VS Code。学习效果：1.认识爬虫 /
- 前言本篇主要给大家讲述了如何利用Go语言的语法特性实现Set类型的数据结构，分享出来供大家参考学习，话不多说了，来一起看看详细的介绍吧。需求
- 4个不常用HTML标签optgroup、sub、sup和bdo运行代码框：<title>4个不常用HTML标签optgroup、
- mysql的存储目录默认是在/var/lib/mysql/,下面将修改默认存储目录.本文使用mysql8.0.20版本,与mysql8.0.
- 近期安装了python后，发现使用pycharm工具打开代码后发现代码下边会有波浪线的显示；但是该代码语句确实没有错误，通过查询发现了两种方
- 前言：由于公司使用钉钉，之前告警都是使用邮箱，但是这种协同效率比较低，所以调用钉钉机器人来实现实时告警。创建机器人：创建钉钉群，然后添加群机
- 有时候要用Javascript输常用的字符，比如每个页面都要有的脚注。这里提供一个转换脚本：将HTML自动转为JS代码<script&
- python标记语句块使用方法，python语言和其它的编程语言有着显著的区别，那就是python对格式的要求非常苛刻，好处就是书写上简易命
- 在学校修管理学的时候，有讲过一个管理激励的理论。管理激励是基于行为和认知科学的研究，来发现人们的需要、动机、目标和行为四者之间关系的核心理论
- 使用 Django自带的 auth 用户验证功能，编写函数，使用 is_authenticated 检查用户是否登录，结果报错：TypeEr
- 0、干货先写在前1、前端传值的数据必须使用JSON.stringify()传化2、后端，通过request.body接收数据，直接使用jso
- 在程序语言中数组的重要性不言而喻，JavaScript中数组也是最常使用的对象之一，数组是值的有序集合，由于弱类型的原因，JavaScrip
- 导入模块import configparser # py3写入config = configparser.ConfigParser()con
- 如果需要对列表中的每个元素执行相同操作，这时就需要遍历列表的所有元素。books=['半生缘','往事并不如烟
- 本文实例为大家分享了python pygame实现五子棋双人联机的具体代码，供大家参考，具体内容如下同一局域网内，服务端开启时，另一机器将I
- Kafka 样式的 soap 端点Christopher Dix 所开发的“Kafka — XSL SOAP 工具箱”（请参阅 参考资料）是
