Internet Explorer Padding問題

我無法獲得圍繞我的< a>標記正常工作的IE填充。這隻適用於Firefox，Safari，Chrome，但不是IE - 請幫助！Internet Explorer Padding問題

我簡單的HTML代碼如下所示：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <div id="mydiv"> 
    <table> 
     <tr> 
     <td> 
     <a style="padding: 20px; background: red;" href="#">Some link</a> 
     </td> 
     </tr> 
    </table> 
    </div> 
</html>

Firefox的結果（這是我想要的）：

alt text http://img33.imageshack.us/img33/8280/linkissueff.jpg

的Internet Explorer（7）結果（不正確填充）：

alt text http://img22.imageshack.us/img22/8555/linkissueie.jpg

我該如何解決這個問題在IE中工作？提前謝謝了！

來源

2009-09-23 Alex

對於自然內聯的元素，IE要求該元素在應用屬性padding之前具有display: inline-block; css屬性。因此，只需將display: inline-block添加到您的錨點元素即可。

<a style="display: inline-block; padding: 20px; background: red;" href="#">Some link</a>

來源

2009-09-23 00:08:28

哇。我不是微軟的仇敵，但這是一個艱難的堅果該死的IE！謝謝！ – Alex 2009-09-23 00:11:17

Internet Explorer Padding問題

回答

相關問題