Div+css首页

CSS控制Table单元格强制换行与强制不换行

我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。

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

css实现Table单元格数据自动换行或不换行的实现方法:

1、强制换行:

<style type="text/css">.AutoNewline{word-break: break-all;/*必须*/}</style><table><tr><td class="AutoNewline">自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行</td></tr></table>

2、强制不换行:

<style type="text/css">.NoNewline{word-break: keep-all;/*必须*/}</style><table><tr><td class="NoNewline">不换行不换行不换行不换行不换行不换行
不换行不换行不换行不换行</td></tr></table>

【编辑推荐】

  1. 在VS 2005和ASP.NET 2.0中处理CSS样式
  2. CS/CSS架构应用的软件性能测试模型分析
Div之家