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

本来以为把表格的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的话,可以在超过的时候使用滚动条调节....