鏈接無法在圖像鏈接下面工作（其間有換行符）

這對我來說很奇怪......我有一個小圖像，它是一個鏈接和一個文本鏈接。如果我將它們與 分開，則文本顯示爲鏈接格式，但不能單擊它。如果我使用 ，鏈接工作正常......我只是不希望他們之間有太多的空間。我已經關閉了兩個鏈接標籤，所以這不是問題，我已經在Firefox和Chrome中進行了測試，都給了我同樣的問題。鏈接無法在圖像鏈接下面工作（其間有換行符）

代碼部分：

<div id="content"> 
    <br/><a href="#newtitles"> 
<img src="images/sterling.png" style="border: 1.5px; border-style:solid;"/></a> 
    <br/> 
    <a href="#newtitles">Fall 2011 Catalog</a><div style="position: relative;left:155px;bottom:20px;"><img src="images/new.png"/></div><hr/><br/> 
</div>

我確定這是由鄰近的div造成的：

<div style="position: relative;left:155px;bottom:20px;"><img src="images/new.png"/></div>

當我把它拿出來，鏈接再次工作的某些原因。

來源

2011-08-02 todd

我覺得這可能是一個CSS問題。你能發佈你的CSS這個例子嗎？ – hspain

它符合我的預期 http://jsfiddle.net/eatchocolate/kUMvt/ – mrBorna

爲此請發佈css – Josh

您總是可以調整屬性，以便有與 相同的空間量。

來源

2011-08-02 21:08:10

您可以給一個id，然後調整它的line-height，padding，margin等屬性以刪除一些空格。

這似乎不是一個HTML問題，而是一個與佈局。你可以發佈相關的CSS？或者更好的，使一個fiddle

來源

2011-08-02 21:50:00

鏈接無法在圖像鏈接下面工作（其間有換行符）

回答

相關問題