使用表格的一点心得

<table width="750px" border="1px">
   <tr align="center"><td nowrap width="20%" ><div
         style="width=150;overflow:hidden">l</div></td>  
      <td nowrap width="20%" style="word-wrap:break-word">表头2</td>
      <td nowrap width="20%" style="word-wrap:break-word">表头3</td>                                    
      <td nowrap width="20%"  style="word-wrap:break-word">表头4</td>
 </tr>
 </table>

如果想让表格中的长字符串不会撑宽表格,则可以在<td>中加入样式属性 style="word-break:break-all",这样就可以让单元格中的长字符串自动换行.但这样会撑高行高,如果也不想这样,可以在<td>之间加上<div style="width=150;overflow:scroll"></div>其中overflow可以有四个值:visible,hidden,scroll,auto,visible还是全部显示,hidden只显示和单元格一样长度的字符,剩下的隐藏不显示,scroll显示滚动条,auto是自动显示滚动条.

其中word-wrap和word-break两个文本样式还没弄懂区别到底在哪?有朋友会的,谢谢告诉我!下面是word-break的三个属性值的区别,转自http://doc.51windows.net/css2/

 

请您用下面的按钮选择这段文字的word-break属性的值。看一看会发生什么，然后您就会明白这个属性的意义。Enjoy my works . many thanks .

　 word-break : normalword-break : break-allword-break : keep-all

 

推荐个CSS中文手册 http://doc.51windows.net/css2/