Comment styliser les éléments div pour former une table

Question

J'ai quelques divs et je veux former un style de table.

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

je besoin de deux colonnes sur la première ligne, et une colonne sur la deuxième ligne, qui va être pleine largeur, comme nous le faisons colspan="2". Mais, pouvons-nous faire quelque chose comme avec avec style?

Answer 1

c'est la limitation de l'affichage: tableau vous ne pouvez pas réaliser la disposition désirée avec cela, vous pouvez utiliser le flux faire le travail. vous pouvez le vérifier à partir du lien ci-dessous

How can display table-row behave like colspan=3