严格限制表格宽度

今天在修改程序新的时候，碰到了一个表格宽度的问题。

本来以为把表格的width设定，然后把每一个单元格设定就可以完全解决定位问题。但是一旦表格内部的内容超过了单元格设置的值时，表格会被自动拉伸，很麻烦。

后来在网上找了半天，终于找到了一种解决方法，style="word-break:break-all"，只要将这个加在表格的设定里面就ok了

如   <table width=480 style="word-break:break-all">。。。。

呵呵     小问题，却很麻烦，看来以后尝试一下才有更深的体会。在百度上面看到了一个解法，用于处理图片把表格拉伸的情况，很好用。

1,使用传统的方法
<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>
2,使用css
<style>
.td{width:100px;}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度

3,用css
<style>
.td{width:100px;overflow:hidden}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节....