关于td的height和line-height兼容问题-侯体宗的博客

关于td的height和line-height兼容问题
技术 / 管理员发布于 8年前 651

通过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需刷新才能执行]

上一条：
关于H1的位置解析
下一条：
关于&lt; tbody &gt;的一个实例，很实用。

0条评论 (评论内容有缓存机制,请悉知!)

最新最热

相关文章
Apifox桌面端被曝遭供应链投毒：CDN 脚本被篡改，窃取 SSH 密钥与 Git 凭证(0个评论)
智能合约Solidity学习CryptoZombie第四课:僵尸作战系统(0个评论)
智能合约Solidity学习CryptoZombie第三课:组建僵尸军队(高级Solidity理论)(0个评论)
智能合约Solidity学习CryptoZombie第二课:让你的僵尸猎食(0个评论)
智能合约Solidity学习CryptoZombie第一课:生成一只你的僵尸(0个评论)

近期文章
opencode + Oh-my-openagent,我的第一个免费的ai编程智能体管家:Sisyphus(0个评论)
Google AI Studio升级全栈 vibe coding体验，可直接构建带登录和数据库的应用(0个评论)
Apifox桌面端被曝遭供应链投毒：CDN 脚本被篡改，窃取 SSH 密钥与 Git 凭证(0个评论)
在go语言中实现字符串可逆性压缩及解压缩功能(0个评论)
使用go + gin + jwt + qrcode实现网站生成登录二维码在app中扫码登录功能(0个评论)
在windows10中升级go版本至1.24后LiteIDE的Ctrl+左击无法跳转问题解决方案(0个评论)
智能合约Solidity学习CryptoZombie第四课:僵尸作战系统(0个评论)
智能合约Solidity学习CryptoZombie第三课:组建僵尸军队(高级Solidity理论)(0个评论)
智能合约Solidity学习CryptoZombie第二课:让你的僵尸猎食(0个评论)
智能合约Solidity学习CryptoZombie第一课:生成一只你的僵尸(0个评论)

近期评论
test1 在
opencode + Oh-my-openagent,我的第一个免费的ai编程智能体管家:Sisyphus中评论 test..
122 在
学历：一种延缓就业设计，生活需求下的权衡之选中评论工作几年后，报名考研了，到现在还没认真学习备考，迷茫中。作为一名北漂互联网打工人..
Zita 在
Google AI Studio升级全栈 vibe coding体验，可直接构建带登录和数据库的应用中评论 111222..
123 在
Clash for Windows作者删库跑路了，github已404中评论按理说只要你在国内，所有的流量进出都在监控范围内，不管你怎么隐藏也没用，想搞你分..
原梓番博客在
在Laravel框架中使用模型Model分表最简单的方法中评论好久好久都没看友情链接申请了，今天刚看，已经添加。..

Top