CSS對表格單元格強(qiáng)制換行和不換行

2024-07-11 08:43:43

字體：大中小

供稿：網(wǎng)友

CSS控制Table單元格強(qiáng)制換行與強(qiáng)制不換行
　　我們知道Div的換行和不換行的css寫法。但對于表格單元格只知道一個(gè)屬性nowrap可以使其不換行。
　　近日有此需要，但發(fā)現(xiàn)加上nowrap在某些情況下還是會(huì)換行！無奈，沒有一個(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>

上一篇：學(xué)習(xí)WEB標(biāo)準(zhǔn)必備的四項(xiàng)技能

下一篇：CSS制作符合網(wǎng)站標(biāo)準(zhǔn)的細(xì)線表格