如何使用css设置锚标签文本宽度？

Question

我有html和css如下 -

    .title {
        display: block; background-color: red;
    }

<a href="#">
    <span class="title">Text</span>
</a>

我可以看到SPAN跨越100%的可用宽度(因为display: block).如下

|----------------------------------------------------|
| Text                                               |
|----------------------------------------------------|

在Firefox中,我可以单击上面框中的任意位置,它会将我带到链接页面.但是,在IE(IE 7)中,只有当我将鼠标悬停在"文本"文本上时才会将光标作为手.

在IE中我还需要做些什么来使其工作(与在FF中一样)？

我尝试在span中放置锚标签本身(不仅仅是文本),但它不起作用.

谢谢.

Answer 1

设置锚点样式并移除范围.

(问题是由于某些浏览器如何处理元素display: block内部的元素display: inline.您可以通过设置锚点和跨度样式来解决它,但在此示例中跨度显得多余)

Answer 2

为您的<a>标签,使样式"显示:块;宽度:100%;"