CSS操纵Table模块格强制性换行与强制性不换行
大家了解Div的换行和不换行的css写法。但针对报表模块格只了解1个特性nowrap可使其不换行。
近日有此必须,但发现再加nowrap在一些状况下還是会换行!无可奈何,沒有1个强制性不换行的方式吗?
用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>