Question

我在img内有a个，当我运行代码时，我看到它们之间有一个空白区域。我尝试删除边距，填充和空格，但这些都没有效果。

代码：http://jsfiddle.net/FranLegon/ukgL07b2/

<head>
    <style>
    .social {
    width: 3%;
    left:0;
    top:30%;
    position:fixed;
}
    .social a img {
    width: 100%;
} 
    </style>
</head>
<body>
<div class="social">
    <a href="https://twitter.com/franlegon"><img src="https://lh3.googleusercontent.com/6UdcCOJ4OlvOp2g_MSFQ0pcz7M1FSBkwzRQXb1medNVAAQ_TQiJMPHfc7FynLc6NsW8rEObImIQ=w1342-h537" style="
"> </a>
    <a href="https://www.facebook.com/franlegon"><img src="https://lh4.googleusercontent.com/GFoFtbx7B5Cki8LL2Vwg4vucxlObHVypLNS6RVS0Tewio1HZ1sQUjs-YOC2lch4uaGUrfxEu87I=w1342-h537"> </a>
    <a href="https://plus.google.com/107921190901479399752/about"><img src="https://lh6.googleusercontent.com/YOm9fO4pxI7FWLpFJq1ctttgYjiq8LGFZzywhqBSc1La4OsG_x-AIzt6qFomM_OV0EuFfOW0nIg=w1342-h537"> </a> 
    <a href="https://www.linkedin.com/in/franlegon"><img src="https://lh4.googleusercontent.com/AheHv00gT0ScM4n94xqiNHvNa7S2d_gkTnoK8PGfIPom66rPMsyllogb8vehdvoNNZhBeQFUnG4=w1342-h537"> </a>
</div>
</body>

Answer 1

图片不能作为一个块工作，你需要让它工作......

.social a img {
    display: block;
    width: 100%;
}

元素之间的空间

1 个答案: