我們知道div地?fù)Q行和不換行地css寫法.但對(duì)于表格單元格只知道一個(gè)屬性nowrap可以使其不換行. 但發(fā)現(xiàn)有時(shí)加上nowrap在某些情況下還是會(huì)換行!
用css實(shí)現(xiàn)table單元格數(shù)據(jù)自動(dòng)換行或不換行地實(shí)現(xiàn)方法:
1、強(qiáng)制換行:
<style type=text/css>
.autonewline
{
word-break: break-all;/*必須*/
}
</style>
<table>
<tr>
<td class=autonewline>自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行自動(dòng)換行3w.foa($)sp.cn</td>
</tr>
</table>
2、強(qiáng)制不換行:
<style type=text/css>
.nonewline
{
word-break: keep-all;/*必須*/
}
</style>
<table>
<tr>
<td class=nonewline>不換行不換行不換行不換行不換行不換行不換行不換行不換行不換行3w.foa($)sp.cn</td>
</tr>
</table>
更多信息請(qǐng)查看IT技術(shù)專欄