Question

我无法在我的＆lt; a＆gt;周围获得IE填充标签工作正常。这仅适用于Firefox，Safari，Chrome，但不适用于IE - 请帮忙！

我的简化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

Internet Explorer（7）结果（填充不正确）：

(broken image)

如何解决这个问题？非常感谢提前！

Answer 1

对于自然内联的元素，IE要求该元素具有display: inline-block; css属性，然后才会应用padding之类的属性。所以只需将display: inline-block添加到您的锚元素。

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

填充<a> tags not working in Internet Explorer</a>

1 个答案: