以前總結(jié)過Div的換行和不換行的css寫法。但對于表格單元格只知道一個屬性nowrap可以使其不換行。
近日有此需要,但發(fā)現(xiàn)加上nowrap在某些情況下還是會換行!無奈,沒有一個強(qiáng)制不換行的方法嗎?
實(shí)現(xiàn)方法
======================================
引用
用CSS實(shí)現(xiàn)表格單元格數(shù)據(jù)自動換行或不換行
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>