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

ttx9n

更多的关于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> 

i1efp6c

看看看看

i1efp6c

好东西可以可以可以可以

额呵呵

女生看了弄丢了卡萨诺的卡洛斯

Alisaliu

刷屏刷屏刷屏

64000928

逛逛看看瞧瞧

JosephSA

好人好人好人好人

feiyasqhr

还可以不错

6hruhg

啦啦啦啦啦啦哈哈哈

额呵呵

大家都不容易！