css控制table单元格强制换行与强制不换行
2014-09-12来源:

我们知道div地换行和不换行地css写法.但对于表格单元格只知道一个属性nowrap可以使其不换行. 但发现有时加上nowrap在某些情况下还是会换行!

用css实现table单元格数据自动换行或不换行地实现方法:

1、强制换行:

<style type=text/css>

.autonewline

{

word-break: break-all;/*必须*/

}

</style>

<table>

<tr>

<td class=autonewline>自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行3w.foa($)sp.cn</td>

</tr>

</table>

2、强制不换行:

<style type=text/css>

.nonewline

{

word-break: keep-all;/*必须*/

}

</style>

<table>

<tr>

<td class=nonewline>不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行3w.foa($)sp.cn</td>

</tr>

</table>

更多信息请查看IT技术专栏

推荐信息
Baidu
map