关于td的height和line-height兼容问题

2022-04-15 0 645

通过PS截屏得到的结论
当设置td{height:22px;} 时,   页面显示: ie是22px, ff是21px;   实践证明ie总会大2px,ff会少1px。
当设置td{line-height:22px} 时,页面显示: ie是24px;  ff也是24px; 比实际的都大了2px,但是保持一致了。

大家也可以自己测一下。

<!doctype html public “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” lang=”gb2312″> <head> <title></title> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> <meta http-equiv=”content-language” content=”gb2312″ /> </head> <body> <table class=”table01″ cellspacing=”0″> <tr> <td width=”70%”>戴尔 Vostro 1400</td> <td width=”15%”>¥5899</td> <td width=”15%”>↓1355</td> </tr> <tr> <td width=”70%”>戴尔 Vostro 1400</td> <td width=”15%”>¥5899</td> <td width=”15%”>↓1355</td> </tr> <tr> <td width=”70%”>戴尔 Vostro 1400</td> <td width=”15%”>¥5899</td> <td width=”15%”>↓1355</td> </tr> <tr> <td width=”70%”>戴尔 Vostro 1400</td> <td width=”15%”>¥5899</td> <td width=”15%”>↓1355</td> </tr> <tr> <td width=”70%”>戴尔 Vostro 1400</td> <td width=”15%”>¥5899</td> <td width=”15%”>↓1355</td> </tr> </table> </body> </html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 CSS/HTML 关于td的height和line-height兼容问题 https://www.niceym.com/16902.html