html-table - 以 div 作为显示的表格：表格和显示：表格单元格无法正确显示

Question

我正在尝试使用 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>

标签： html-tablecss-tables

Answer 1

<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;” 财产。