Wie div Elemente zu einer Tabelle formatieren

Question

Ich habe einige Divs und ich möchte einen Tabellenstil zu bilden.

<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>

Ich brauche zwei Spalten auf der ersten Zeile und eine Spalte in der zweiten Reihe, die volle Breite sein wird, wie wir colspan="2" tun. Aber können wir etwas mit Stil machen?

Answer 1

ist es die Begrenzung der Anzeige: Tabelle Sie können nicht gewünschte Layout mit diesem erreichen, können Sie Flussmittel verwenden, um den Job erledigt zu bekommen. können Sie es über den Link überprüfen unter

How can display table-row behave like colspan=3