表格的自动宽度设置方式

时间：2012-10-20

  自动宽度方式是浏览器默认的方式,表格宽度将根据列中单元格内容自动调整宽度值,假如没有指定table元素的宽度,则总宽度依据每一列高寒的宽度值或者能显示所有内容的最小宽度值计算确定.若指定了table的宽度且这个宽度大于计算值,则每一列会平均分配赋予出来的宽度,否则table的宽度取计算值.

  我们可以写个测试例子将table-layout属性值改为auto取消其width属性,再添加以下代码设置第二列的宽度为60个像素.
  col#artist{width:60px}
  表格最后宽度是288px,然而三列的宽度值之和是260px,那么多余出来的28个像素是哪里来的呢?实际上,每一列的宽度是指的其内容区域的宽度,不包括填充和边框部分,因此表格总体宽度应为三列的宽度值之和再加上边框和填充的宽度.

   在深圳网站建设中表格的宽度给值通常比较麻烦,需要认真的计算数据,所以网页设计师需要有很好耐心.