如果使用CSS创建表格显示

1.首先，为表格增加一个<div>,id为“tableContainer”.这个<div>包含行和列。如下指定“tableContainer”<div>的样式:

div#tableContainer{display:table;}  //"tableContainer"是最外层<div>,表示整个表格结构。

 

 2.接下来，为行增加一个<div>,id为"tableRow"。我们只有一行，其中有两个单元格，所以只需要一个行<div>。如果有多行，则需要多个行<div>。这个行<div>的样式如下指定：

div#tableRow{display:table-row;} //"tableRow"<div>表示表格中的一行。我们的表格中只有一行，所以只需要这一个规则。如果你有多行，可以考虑使用一个类（例如div.tableRow）.这样就可以用一个规则指定所有行的样式。

 

3.最后，使用现有的"main"和"sidebar"<div>作为单元格，对应行中的各列。这些<div>的样式指定如下：

#main{display:table-cell;

        font-size:105%;

        padding:15px;

        margin:0px 10px 10px 10px;}

#aside{display:table-cell;

        font-size:105%;

        padding:15px;

        margin:0px 10px 10px 10px;}