У меня есть следующее - я застрял, пытаясь понять, как заставить желтые блоки элементов списка выравниваться по вертикали - вы можете видеть, что элемент черная собака не выравнивается по вертикали, потому что его изображение не такое высокое, как у двух других блоков, но я не могу понять, как выровнять его по вертикали, чтобы он начинался сверху, как два других блока.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
    <div class="snippet-code">
        <precode language="" precodenum="0"></precode>
        <precode language="" precodenum="1"></precode>
    </div>
</div>

Можно ли выровнять по вертикали первый блок, даже если изображение внутри него не того же размера, что и 2 других блока?

4532066

Ответов: 2

Ответы (2)

Установите vertical-align: top для .gallery.grid li. Например:

.gallery.grid li {
    ...
    vertical-align: top;
}

Это происходит потому, что данное правило должно быть установлено на элементах, которые вы хотите выровнять, но не на родительском элементе.

См. правки в css:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><precode language="" precodenum="1"></precode><precode language="" precodenum="2"></precode></div></div>

Add an ID to your image


CSS:

#myID{
    margin-top: 30px;
    margin-bottom: 30px;
}

2022 WebDevInsider