如何使用css設置錨點標記文本寬度？

Question

我有如下HTML和CSS -

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

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

我可以看到SPAN跨越到可用的寬度（因爲display: block）的100％。像下面一樣

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

在Firefox中，我可以點擊上面框中的任意位置，然後將我帶到鏈接頁面。但是，在IE（IE 7）中，只有當我將鼠標懸停在「文本」文本上時，纔會將光標放在手邊。

在IE中我需要做些什麼才能使它工作（和FF中一樣）？

我試着將錨標記本身（不僅僅是文本）放在span中，但它不起作用。

謝謝。

Answer 1

樣式錨和刪除跨度。

（該問題是由於一些瀏覽器如何處理是display: block是display: inline內部元素的元素，你可以解決它的造型既錨和跨度，但跨度在這個例子中出現多餘的）

Answer 2

爲您的<a>標籤，使樣式「顯示：塊;寬度：100％;」

Answer 3

當然，您需要刪除跨度並將該類應用於錨標記。我不認爲你需要明確地將寬度設置爲100％，但我可能是錯的。

Answer 4

刪除額外的跨度並將該標題類放置在鏈接本身上。然後添加寬度：100％;到CSS。

減少標記通常更好，這就是爲什麼你應該刪除額外的跨度。

Answer 5

，你也可以用保證金或填充

Answer 6

給一個風格錨display:block和max-width:30px !important;最大寬度尺寸可以是任何

li a { 
    display: block; 
    height: 30px; 
    max-width: 30px !important; 
}