html 表格单元格的宽度和高度的设置方法

我们来讨论td标签中的width和height设置。td标签中的这两个设置都是有效的。关于td的width，值得注意的是，某一个td的width与其所在列的每个td的width都相关。系统会选取列中最大的width作为这一列的每个td的宽度。这常常让我们感到困惑，因此我们需要从全局角度把握某个td的width。当每一列的宽度都明确后，事情就变得简单多了。各个td之间的宽度分配遵循前面提到的tr的height分配规律。在默认设置下，各td的width并不是平均分配，而是根据实际内容按比例分配。至于td的height设置，它是基于这一行的最大高度来确定每个td的height。然后，各个行的高度情况遵循tr中的height分配原则。值得注意的是，td的height与tr的height之间的关系是基于内容的需要，同时参考设定的值来确定。如果一个设置了值而另一个没有，那么系统会按照设置的值进行计算。

一、使用传统的方法

二、使用CSS

三、使用CSS的overflow属性

当内容超过单元格的设定尺寸时，我们可以使用CSS的overflow属性来控制多余的内容。将其设为hidden可以隐藏超出部分的内容；设为scroll或auto则会在单元格内出现滚动条，让用户可以通过滚动来查看全部内容。这种方法的优点是能够严格地控制单元格的尺寸，无论内容多少，都能保持预设的布局。