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 所有的单元格的上边对齐