css强制换行 css强制不换行的css方法

答案：以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。 

近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？ 

baidu了一下，令俺非常欣慰，还真的找到了办法，问题解决了。 

用CSS实现表格单元格数据自动换行或不换行 

1、自动换行： 
<style type="text/css">  
.AutoNewline  
{  
  word-break: break-all;/*必须*/  
}  
</style>  

<table>  
<tr>  
  <td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>  
</tr>  
</table> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


2、不换行： 
复制代码 代码如下:

<style type="text/css">  
.NoNewline  
{  
word-break: keep-all;/*必须*/  
}  
</style>   

<table>  
<tr>  
  <td class="NoNewline">不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行</td>  
</tr>  
</table> 

上一个：特牛的FF/IE6/IE7专用CSS HACK
下一个：DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags