我正在开发一个仅限html的网页，而且我在正确格式化社交媒体链接方面遇到了一些问题。我有一个48 x 190的固定位置div，在其中我想放置4个不同的社交媒体图标链接到他们各自的页面。我能够在css样式中正确设置div，并且我能够将图像插入到正确的位置。但是，只要我将链接标记添加到图像中，它就会崩溃。图像的格式似乎只是通过添加链接来改变，他们现在占据了所有这些额外的空间，超出了div的边界，并拒绝正确居中。为什么添加一个链接到图像以这种奇怪的方式打破格式化，以及如何修复它以便即使在添加链接后它仍然保持格式化？
谢谢！
答案 0 :(得分：1)
您是否将图片的边框设置为0？在链接内部时，如果未在CSS中设置此值，浏览器会为图像添加1px边框。
如果这不是问题，发布您的代码（例如参见jsFiddle）可能有帮助
答案 1 :(得分：0)
我猜，问题与图标的不同大小（以像素为单位）有关，这会导致增加div并分配UI。我也使用Image-Links如下，它工作正常。首先确保您的图标大小。
<a href="javascript: showPopup();" id="groupEdit" class="link">
<img src="/images/redPencil.png" title="Update">
</a>