html - 如何使用 div 和 css 制作这个（表格）

Question

我需要知道如何使用 div、css 和正确的 xhtml 制作这张表

    <table width="100%" border="1">
        <tr>
            <td style="width: 130px">1</td>
            <td align="center">2</td>
            <td style="width: 130px">3</td>
        </tr>
    </table>

Answer 1

像这样？

<div class="table">
    <div class="row">
        <span class="cell width130">1</span>
        <span class="cell">2</span>
        <span class="cell width130">3</span>
    </div>
</div>

.table {
    display: table;
    width: 100%;
    border: 1px solid black;
}
.row {
    display: table-row;
}
.cell {
    display: table-cell;
}
.width130 {
    width: 130px;
}

Answer 2

这是我发现的一个很好的例子

[1] http://www.c-sharpcorner.com/uploadfile/satisharveti/introduction-to-page-layout-using-div-element/ [2] http://www.ezineasp.net/post/Div- 3-Columns-Layout-using-CSS-Styles-Div-layout-1.aspx