css - вертикальное пространство добавляется к элементам с display: inline-block [duplicate]

На этот вопрос уже есть ответ здесь :

Почему эти элементы с display: inline-block не выровнены должным образом ? (1 ответ)

Закрыто 4 года назад .

У меня есть серия элементов контейнера эскизов с отображением свойства css: inline-block, но когда они выстраиваются в следующий ряд друг к другу, второй элемент имеет больше места вверху, чем первый (см. прикрепленное изображение). Есть идеи, почему это происходит? Есть ли лучший способ выровнять эти элементы рядом друг с другом? Я знаю, что их перемещение решает эту проблему проблема, но кажется, что плавающий - не лучший способ решить эту проблему.

Вот мой код:

HTML:


    
        
        Perlin Lines
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget lectus ac libero iaculis interdum nec id tortor. quis, ullamcorper id nisi. Etiam ut.
            More...
        
    



    
        
        Branching
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget lectus ac libero iaculis interdum nec id tortor. quis, ullamcorper id nisi. 
            More...

CSS:

.thumb_container { display: inline-block; margin-left: 20px; width:220px; background: #fff; -moz-box-shadow: 1px 1px 1px rgba(10, 72, 90, 0.2); -webkit-box-shadow: 1px 1px 1px rgba(10, 72, 90, 0.2); box-shadow: 1px 1px 1px rgba(10, 72, 90, 0.2); }
.thumb_container:first-child { margin-left: 0px; }

Top Margin Issue

задан mheavers 8 November 2011 в 18:17

0 ответов

Другие вопросы по тегам:

alignment css-float vertical-alignment css

css - вертикальное пространство добавляется к элементам с display: inline-block [duplicate]

0 ответов

Похожие вопросы: