मैं divs और css के साथ एक तालिका का अनुकरण कैसे करूं?

Question

एक टेबल इस तरह:

<table> 

    <tr> 
    <td> ... </td> 
    <td> ... </td> 
    <td> ... </td> 
    </tr> 

    <tr> 
    <td> ... </td> 
    <td> ... </td> 
    <td> ... </td> 
    </tr> 

    ... 
</table> 

मैं कैसे बना सकते हैं एक div और सीएसएस प्रदर्शन का उपयोग: तालिका नियम?

Answer 1

इस प्रयास करें;)

सीएसएस

.table { 
    display: table; 
    width: 500px; 
} 
.tr { 
    display: table-row; 
} 
.td { 
    display: table-cell; 
} 

एचटीएमएल

<div class="table"> 
    <div class="tr"> 
     <div class="td">asdf</div> 
     <div class="td">asdf</div> 
     <div class="td">asdf</div> 
    </div> 
    <div class="tr"> 
     <div class="td">asdf</div> 
     <div class="td">asdf</div> 
     <div class="td">asdf</div> 
    </div> 
</div>