關(guān)于td的height和line-height兼容問題

2020-10-23 18:36:23

字體：大中小

供稿：網(wǎng)友

通過PS截屏得到的結(jié)論
當(dāng)設(shè)置td{height:22px;} 時，頁面顯示: ie是22px， ff是21px; 實踐證明ie總會大2px，ff會少1px。
當(dāng)設(shè)置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需再刷新一下頁面才能執(zhí)行]

上一篇：關(guān)于H1的位置解析

下一篇：網(wǎng)頁布局設(shè)計的標準尺寸