關於td的height和line-height相容問題_經驗交流

來源:互聯網
上載者:User
通過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需重新整理才能執行]

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.