CSS的表格显示

32 css的表格显示

这就是想象有一个表，然后你把一些html块结构放在，这个表格里。

首先用<div>包围一个区域，指定它显示为表格

#tableContainer{

  display:          table;      //这指定为表格

  border-spacing:   10px;     //这指定表格的边框宽度。注意它不会发生变宽重叠效果

}

然后在用div元素，包围一些内容然后把它指定为表格的行。

#tableRow{

  display:          table-row;   //指定这里包含的内容为表格的行

}

而行中包含的列的个数，恰好为<div>元素的个数

#sidebar {

  display:          table-cell;               //这是显示表格的边框

  background:       #efe5d0 url(images/background.gif) bottom right;

  font-size:        105%;

  padding:          15px;

  vertical-align:   top;

}

Css的表格面向的是结构，而html的表格面向的数据。

33 vertical-align

主要的值有

：top   所有的单元格的上边对齐