25.4.3　设置表格算法为自动和固定

设置表格布局的算法为自动和固定。通过前面知识的介绍，用CSS控制表格算法为自动需在table-layout属性后接auto，而设置table-layout属性的属性值为fixed时，表示表格算法的固定。

在t1中加入布局算法为自动。而在t2中加入布局算法为固定。下列代码表示在样式表的基础上进行修改，其他HTML标记都没变化，只有样式加上table-layout属性，通过修改样式文件后的样式代码如下所示。

01 #t1

02 {

03 border-collapse：separate；

04 table-layout：auto；

05 }

06 #t2

07 {

08 border-collapse：collapse；

09 table-layout：fixed；

10 }

【代码解析】在代码25.5的基础上，添加上面的代码，主要从CSS中对样式进行修改，代码第4行为表格一设置的table-layout的值为auto，表示默认值，而代码第9行为表格二设置的table-layout的值为fixed，表示对布局算法的固定，添加样式后，对HTML中的两个表格算法的控制效果如图25.6所示。

图　25.6　设置表格布局的算法为自动和固定

综上所述，应用好border-collapse和table-layout对表格处理非常有用且非常方便，能根据实际应用设置好表格的样式。