CSS: table-cell
2 satır ve 3 sütun içeren bir tablo elde etmek için aşağıdakileri yapmanız gerekir:
.display-table { display: table; } .display-table > div { display: table-row; } .display-table > div > div { display: table-cell; padding: 5px; }
Aşağıdaki örnekte de görebileceğiniz gibi, 3. sütundaki div öğelerinin içeriği yoktur, ancak ilk 2 sütundaki metin tarafından ayarlanan otomatik yüksekliğe adapte oluyor.
<div class="display-table"> <div> <div>0, 0</div> <div>0, 1</div> </div> <div> <div>1, 0</div> <div>1, 1</div> </div> </div>

Bir cevap yazın