Padding around tags not working in Internet Ex

2019-04-28 21:45发布

站内问答 / HTML/CSS
396 1 5

I can't get IE padding around my <a> tags to work correctly. This only works in Firefox, Safari, Chrome, but not IE - please help!

My simplified HTML code looks like this:

<!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 Result (which is what I want):

alt text

Internet Explorer (7) Result (incorrect padding):

(broken image)

How can I fix this to work in IE? Many thanks in advance!

1条回答
Summer. ? 凉城
2楼-- · 2019-04-28 22:46

For elements which are naturally inline, IE requires that the element have the display: inline-block; css property before it will apply properties like padding. So just add display: inline-block to your anchor element.

<a style="display: inline-block; padding: 20px; background: red;" href="#">Some link</a>
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(5)