Come si emula una tabella con div e css?

Una tabella come questa:Come si emula una tabella con div e css?

<table> 

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

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

    ... 
</table>

Come posso crearne uno usando div e CSS display: regole della tabella?

fonte

2012-12-28 thelolcat

+10

se si tratta di dati tabulari, utilizzare una tabella. – Kyle

Sì, non importa emulare un tavolo quando un tavolo è ciò che è necessario. –

post simile http://stackoverflow.com/questions/3053205/how-create-table-only-using-div-tag-and-css – Scorpio

Prova questo;)

CSS

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

HTML

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

fonte

2012-12-28 14:18:19 rjanjic

Come si emula una tabella con div e css?

risposta

Problemi correlati