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图像链接格式化

回答

相关问题