Я не очень хорош в CSS, и поэтому я не знаю, как решить мою проблему.У меня есть сетка изображений (вы можете видеть на https://i.imgur.com/88yDcbN.png). Как вы можете видеть, что первое изображение (я выбрал) имеет бесполезный пробел внизу.
Как я могу переместить изображение ниже, чтобыразница в 50px?
На самом деле я использую эти классы для своего бокса:
col-sm-6 col-md-4
Я использую загрузчик, как вы можете видеть.
Другие div внутри col-sm-6 col-md-4 нужной высоты.
Спасибо за вашу помощь!
Пример окна:
<div class="_00d7">
<div class="row">
<div class="col-sm-6 col-md-4">
<div data-id="11" data-score="4380" class="_4180">
<a class="eac1">
<img src="images/E8wfc3V4Azc.jpg">
</a>
<div class="_96ae">
Punteggio immagine: <b>4380</b>.
</div>
</div>
</div>
</div>
</div>
CSS:
._00d7 ._4180 {
padding: 0;
margin-bottom: 30px;
background-color: #fff;
border-radius: 4px;
border: none;
transition: 0.15s ease-in-out;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
border-bottom: 1px solid rgba(0, 0, 0, 0.0975);
}
._00d7 .eac1 img {
border-radius: 4px 4px 0 0;
vertical-align: middle;
border-style: none;
margin-right: auto;
margin-left: auto;
display: block;
max-width: 100%;
height: auto;
}
(извинитедля имен классов я использую реагирую)