CSS控制Table單元格強(qiáng)制換行與強(qiáng)制不換行
我們知道Div的換行和不換行的css寫法。但對(duì)于表格單元格只知道一個(gè)屬性nowrap可以使其不換行。近日有此需要，但發(fā)現(xiàn)加上nowrap在某些情況下還是會(huì)換行！無(wú)奈，沒有一個(gè)強(qiáng)制不換行的方法嗎？
用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)換行
＜/td＞
＜/tr＞
＜/table＞
2、強(qiáng)制不換行：
＜style type="text/css"＞
.NoNewline
{
word-break: keep-all;/*必須*/
}
＜/style＞
＜table＞
＜tr＞
＜td class="NoNewline"＞不換行不換行不換行不換行不換行不換行不換行不換行不換行不換行＜/td＞
＜/tr＞
＜/table＞
如對(duì)本文有疑問(wèn)，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答?。?點(diǎn)擊進(jìn)入論壇
