关于td的height和line-height兼容问题-技术开发HTML/CSS技术-Ubuntu系统_Ubuntu服务器

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

HTML/CSS技术：关于td的height和line-height兼容问题，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读