Таблица с div в качестве display: table и display: table-cell не отображается должным образом - PullRequest
Новая
       31

Таблица с div в качестве display: table и display: table-cell не отображается должным образом

0 голосов
/ 04 сентября 2018

Я пытаюсь создать таблицу с div, но она не будет отображаться правильно. Вот что я получаю: вторая ячейка не выровнена с первой . Я попробовал все, но я просто не мог заставить его работать.

Вот мой код: 

<div style="display: table; width:100%">
    <div style="display: table-cell;">
        <img src="" style="width:400px;">                                    
    </div>  
    <div style="display: table-cell;">
        Lorem ipsum dolor            
    </div>
</div>

1 Ответ

0 голосов
/ 12 сентября 2018 
<div style="display: table; width:100%">
    <div style="display: table-cell;">
        <img src="" style="width:400px;">                                    
    </div>  
    <div style="display: table-cell; vertical-align: top;">
        Lorem ipsum dolor            
    </div>
</div>

Во втором div используйте «vertical-align: top;» свойство.

...