网页设计中，强制固定表格的宽度

我们一般在制作网页的时候，会往表格的单元格中插入一些文字或图片，如果插入的文字比较长或图片比较大，会促使整个表格变得很宽，极其不美观，甚至影响整个网页的布局。

即便是你设置了表格的宽度为某个像素，例如：100px，也不能阻止表格因其单元格文字或文字的过长而变宽。

那么我们必须采取CSS样式的方式来控制。其实也很简单，只要在表格的属性中，加入以下代码：

style="table-layout:fixed;word-break: break-all; word-wrap: break-word;"

即可。

完整的写法例如：

<tr><td>asdfghjkl;qwertyuiopzxcvbnm,</td></tr>

注意：如果你是在Dreamweaver的“设计”视图中制作网页，是看不出表格固定宽度的效果，即文字自动换行。必须要保存页面之后，预览才能观察到。

Share with