小编Joe*_*Joe的帖子
CSS - 图像边框中奇怪的空白
我有两个图像，我给了边框（1px 纯黑色），但在我的浏览器中，它们用奇怪的空白呈现 - 有点像非自愿填充。
空白仅在一侧，但根据缩放它可以改变边框的一侧（例如突然“伪填充”不再在右侧，而是在顶部），甚至在两侧同时。
.img img {
width: 100%;
vertical-align: middle;
display: block;
border: 1px solid black;
}<section class="imgrid">
<div class="img">
<img src="http://via.placeholder.com/500x500" />
</div>
<div class="img">
<img src="http://via.placeholder.com/500x500" />
</div>
</section>这就是相关代码方面的内容。图像是 500 像素的正方形（所以是 500x500）。
编辑：这与此处建议的“类似问题”无关。在创建这个问题之前，我已经尝试过垂直对齐。我在代码段中添加了 width: 100% 和 vertical-align: middle 来说明这一点。
问题是这样的：
6
推荐指数
推荐指数
4
解决办法
解决办法
7217
查看次数
查看次数