这是我的JsFiddle
当我使用Chrome开发人员工具检查锚标签的大小时,它会显示144px*18px第一个元素和310px*18px第二个元素.
我想知道它为什么不采用包含元素的高度和宽度以及如何计算它.
.gallery {
background-color: #abcdef;
}
.gallery img {
display: inline-block;
margin-left: 20px;
margin-top: 20px;
}
.normal {
height: 160px;
width: 110px;
border: 5px solid black;
}
.wide {
height: 160px;
width: 280px;
border: 5px solid black;
}<div class="gallery">
<a href="#"> <img class="normal" src=""> </a>
<a href="#"> <img class="wide" src=""> </a>
</div>