时间戳

首页 > 解决方案 > 添加图片时有空格

css - 添加图片时有空格

问题描述

当我添加图片时，我有一个出现的空白？在下面的这条消息中，一位成员解释说必须在 vertical-align: bottom;我的图像类中使用。

div内的图像在图像下方有额外的空间

所以，我试过了，但我总是有同样的问题，其实？！...

图片未正确显示在相框中。

.img-wrapper{
    height: 170px;
    width: 100%;
    margin: 0px 5px;
    vertical-align:bottom;
}


.wrapper{
    width: 72%;
    margin: auto;/*
    background-color: red;*/
    text-align: center;
   
}

.item-col{
    background-color:rgba(139,0,0,0.3);
    display: inline-block;
    border: 1px solid grey;
    width: 22%;
    margin: 0 10px;
  
}


.img-wrapper{
    height: 170px;
    width: 100%;
    margin: 0px 5px;
    vertical-align:bottom;
}
<body>
 <div class="wrapper">
   <div class="item-col">
   <img class="img-wrapper"src="https://zupimages.net/up/21/18/3chm.jpg"alt="image">
   </div>
 </div>

</body>

标签： css

解决方案

推荐阅读