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>