Question

用CSS作静态网页时，怎么固定单元格的宽度。

我在网页里面插入了一个3行3列的表格，然后用CSS把整个表格的宽度设为90，然后我向第一行第一列单元格写入4个字，第二列单元格也写入四个字，但当我往第三列单元格写入8个字时，整个页面就变了，第三列单元格比前两个单元格长了许多，页面极不美观。请问，有谁知道能不能把表格内的单元格宽度和高度也固定下来呢，即不管你不同的单元格输入多少字，但显示结果单元格的宽度都不变。

Answer 1

有两种方法处理：
一：可以直接统一给每个单元格定义同样的宽度和高度，然后再设计当文本超过单元格实际宽度时，隐藏即可，例如：
<style>
td{width:30px;height:50px;overflow:hidden/*此属性是将超出的文本显示为隐藏*/}
</style>

二、在td标签上直接加上长度和宽度的属性值

<td width="30" height="50">dd</td>

这种方法比较麻烦，而且也不可以让多余文本隐藏，建议用第一种方法

Answer 2

这个问题首先要把单元格的宽度固定好，其次是让英文字母或者数字强制换行。
<style type="text/css">
td{
width:30px;
word-wrap: break-word;
word-break: normal;
}
</style>

互次元：http://www.hcy9.com

Answer 3

<style>
td{width:90px;overflow:hidden;}
</style>
把这个复制进去