Html IE锚元素的渲染错误_Html_Css_Internet Explorer

Html IE锚元素的渲染错误

html css internet-explorer

Html IE锚元素的渲染错误,html,css,internet-explorer,Html,Css,Internet Explorer,我在IE IE9中的锚元素渲染方面遇到了一些问题。如果您查看下面链接的图像，您可能会注意到第二个元素的填充或定位不正确。在类似的问题中，我找到了一个{display:inline block}作为解决方案，但它似乎不适合我。然而，我注意到使用一些CSS属性，比如clear、height或其他，显然没有任何逻辑，渲染可能是正确的。谢谢这张照片对我来说还不错。使用生成我看到的“填充”。如果您不希望行与行之间留有空格，请将所有内容放在同一个标记中但是我更愿意使用列表来显示这种数据新版本：看看

我在IE IE9中的锚元素渲染方面遇到了一些问题。如果您查看下面链接的图像，您可能会注意到第二个元素的填充或定位不正确。在类似的问题中，我找到了一个{display:inline block}作为解决方案，但它似乎不适合我。然而，我注意到使用一些CSS属性，比如clear、height或其他，显然没有任何逻辑，渲染可能是正确的。谢谢

这张照片对我来说还不错。使用生成我看到的“填充”。如果您不希望行与行之间留有空格，请将所有内容放在同一个标记中

但是我更愿意使用列表来显示这种数据新版本：看看这个：

谢谢，但是我有一些其他的例子，其中只使用div和anchor，“填充”问题是相同的。没有更通用的方法来纠正它吗？在IE9上运行这个，再看看第二个元素，有1px缺少填充…不仅仅是IE9，我在Chrome和其他浏览器上看到了相同的填充问题。您正在为方形13px指定一个固定高度，而锚定所需的高度超过该高度，并且可能会根据浏览器的不同字体而有所不同。您仅使用div绑定到该布局？这种方法更好吗？

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <title>Title</title>
        <style>
            body {font-family:sans-serif; font-size:12px;}
            a {height:13px;}
            p {clear:both; float:left;}
            .link {clear:both; float:left; border:1px solid #00f; background-color:#0f0;}
        </style>
    </head>
    <body>
        <p>TEXT</p>
        <a class="link" href="my_page.html">ABCDEF</a>
        <p>TEXT</p>
        <a class="link" href="my_page.html">ABCDEF</a>
        <p>TEXT</p>
        <a class="link" href="my_page.html">ABCDEF</a>
        <p>TEXT</p>
        <a class="link" href="my_page.html">ABCDEF</a>
    </body>
</html>

    ...
    <p>
    TEXT<br />
    <a class="link" href="my_page.html">ABCDEF</a></ br>
    TEXT<br />
    <a class="link" href="my_page.html">ABCDEF</a></ br>
    TEXT<br />
    <a class="link" href="my_page.html">ABCDEF</a></ br>
    TEXT<br />
    <a class="link" href="my_page.html">ABCDEF</a>
    </p>
    ...