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

Question

我需要知道如何使用divs，css和right 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