HTML圖像鏈接格式化

我正在處理僅html網頁，並且有一些問題正確地格式化了我的社交媒體鏈接。我有一個固定的位置div，它是48 x 190，其中我想將4個不同的社交媒體圖標鏈接到它們各自的頁面。我能夠在CSS樣式中正確設置div，並且我能夠將圖像插入到正確的位置。但是，一旦我將鏈接標籤添加到圖像中，它就全部破裂。圖像的格式似乎只是通過添加鏈接來改變，他們現在佔據了他們周圍的所有這些額外的空間，超出了div的邊界，並且拒絕被正確對中。爲什麼要以這樣一種奇怪的方式爲圖像添加一個鏈接，以及如何修復它，以便在添加鏈接後仍然保持格式化？HTML圖像鏈接格式化

謝謝！

來源

2013-04-04 Nick Vander Woude

告訴我們一些代碼 – reinder 2013-04-04 14:36:34

我只希望你沒有使用。 – 2013-04-04 14:41:47

您是否將圖片的邊框設置爲0？在鏈接內部時，如果在CSS中未設置此值，瀏覽器會將1px邊框放置到圖像中。

如果這不是問題，發佈您的代碼（見的jsfiddle例如）可以幫助

來源

2013-04-04 14:37:22

我想，這個問題是關係到不同大小（像素）的圖標，這導致增加股利和分配UI。我也用下面的圖片鏈接，它工作正常。首先確保你的圖標大小。

<a href="javascript: showPopup();" id="groupEdit" class="link"> 
<img src="/images/redPencil.png" title="Update"> 
</a>

來源

2013-04-04 14:50:56

HTML圖像鏈接格式化

回答

相關問題