我无法让 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 结果(这就是我想要的):
Internet Explorer (7) 结果(填充不正确):
(破碎的图像) http://img22.imageshack.us/img22/8555/linkissueie.jpg
我该如何解决这个问题才能在 IE 中工作?提前谢谢了!
对于自然内联的元素,IE 要求该元素具有display: inline-block;
css 属性之前它将应用类似的属性padding
。所以只需添加display: inline-block
到你的锚元素。
<a style="display: inline-block; padding: 20px; background: red;" href="#">Some link</a>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)