css強(qiáng)制換行 css強(qiáng)制不換行的css方法
更新時(shí)間:2007年12月22日 00:50:39 作者:
更多的關(guān)于css強(qiáng)制換行 css強(qiáng)制不換行的css方法可以參考本站的內(nèi)容頁的文章控制.
以前總結(jié)過Div的換行和不換行的css寫法。但對(duì)于表格單元格只知道一個(gè)屬性nowrap可以使其不換行。
近日有此需要,但發(fā)現(xiàn)加上nowrap在某些情況下還是會(huì)換行!無奈,沒有一個(gè)強(qiáng)制不換行的方法嗎?
baidu了一下,令俺非常欣慰,還真的找到了辦法,問題解決了。
用CSS實(shí)現(xiàn)表格單元格數(shù)據(jù)自動(dòng)換行或不換行
1、自動(dòng)換行:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2、不換行:
<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必須*/
}
</style>
<table>
<tr>
<td class="NoNewline">不換行不換行不換行不換行不換行不換行不換行不換行不換行不換行</td>
</tr>
</table>
近日有此需要,但發(fā)現(xiàn)加上nowrap在某些情況下還是會(huì)換行!無奈,沒有一個(gè)強(qiáng)制不換行的方法嗎?
baidu了一下,令俺非常欣慰,還真的找到了辦法,問題解決了。
用CSS實(shí)現(xiàn)表格單元格數(shù)據(jù)自動(dòng)換行或不換行
1、自動(dòng)換行:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2、不換行:
復(fù)制代碼 代碼如下:
<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必須*/
}
</style>
<table>
<tr>
<td class="NoNewline">不換行不換行不換行不換行不換行不換行不換行不換行不換行不換行</td>
</tr>
</table>
相關(guān)文章
firefox的超鏈接點(diǎn)擊去除擴(kuò)大的難看虛線的解決方法
在Firefox里,鼠標(biāo)點(diǎn)擊一個(gè)鏈接時(shí),它的周圍即出現(xiàn)虛線畫出的邊框。這種例子遍地都是,在WordPress后臺(tái)寫這個(gè)文章的時(shí)候,隨手點(diǎn)一下右邊那些widget,就看到了這個(gè)問題(圖片的右上角)2008-12-12CSS設(shè)置網(wǎng)頁的字體 防瀏覽器瀏覽頁面字體變形
CSS設(shè)置網(wǎng)頁的字體 防瀏覽器瀏覽頁面字體變形...2007-03-03一點(diǎn)小小的創(chuàng)意css鼠標(biāo)放上去則顯示電話號(hào)碼
一點(diǎn)小小的創(chuàng)意css鼠標(biāo)放上去則顯示電話號(hào)碼...2007-10-10