如何设计div元素以形成表格

Question

我有一些divs，我想要形成表格样式。

<div style="display: table;"> 
 
    <div style="display: table-row;"> 
 
    <div style="display: table-cell;"> 
 
     left column 
 
    </div> 
 
    <div style="display: table-cell;"> 
 
     right column 
 
    </div> 
 
    </div> 
 
    <div style="display: table-row;"> 
 
    <div style="display: table-cell;background-color:yellow"> 
 
     one column on this row 
 
    </div> 
 
    </div> 
 
</div>

我需要第一行两列，并在第二行一列，这将是全宽，就像我们做colspan="2"。但是，我们可以做什么样的风格吗？

Answer 1

它是显示器的限制：表 你无法用这个达到理想的布局，你可以使用flux来完成工作。 您可以点击下面的链接查看

How can display table-row behave like colspan=3