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)容頁(yè)的文章控制.
以前總結(jié)過(guò)Div的換行和不換行的css寫(xiě)法。但對(duì)于表格單元格只知道一個(gè)屬性nowrap可以使其不換行。
近日有此需要,但發(fā)現(xiàn)加上nowrap在某些情況下還是會(huì)換行!無(wú)奈,沒(méi)有一個(gè)強(qiáng)制不換行的方法嗎?
baidu了一下,令俺非常欣慰,還真的找到了辦法,問(wèn)題解決了。
用CSS實(shí)現(xiàn)表格單元格數(shù)據(jù)自動(dòng)換行或不換行
1、自動(dòng)換行:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(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ì)換行!無(wú)奈,沒(méi)有一個(gè)強(qiáng)制不換行的方法嗎?
baidu了一下,令俺非常欣慰,還真的找到了辦法,問(wèn)題解決了。
用CSS實(shí)現(xiàn)表格單元格數(shù)據(jù)自動(dòng)換行或不換行
1、自動(dòng)換行:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(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í),它的周?chē)闯霈F(xiàn)虛線畫(huà)出的邊框。這種例子遍地都是,在WordPress后臺(tái)寫(xiě)這個(gè)文章的時(shí)候,隨手點(diǎn)一下右邊那些widget,就看到了這個(gè)問(wèn)題(圖片的右上角)2008-12-12讓用戶(hù)自己控制網(wǎng)頁(yè)字體的大小的css書(shū)寫(xiě)方法
讓用戶(hù)自己控制網(wǎng)頁(yè)字體的大小的css書(shū)寫(xiě)方法...2007-09-09CSS設(shè)置網(wǎng)頁(yè)的字體 防瀏覽器瀏覽頁(yè)面字體變形
CSS設(shè)置網(wǎng)頁(yè)的字體 防瀏覽器瀏覽頁(yè)面字體變形...2007-03-03一點(diǎn)小小的創(chuàng)意css鼠標(biāo)放上去則顯示電話號(hào)碼
一點(diǎn)小小的創(chuàng)意css鼠標(biāo)放上去則顯示電話號(hào)碼...2007-10-10網(wǎng)頁(yè)編輯中CSS樣式表技巧總結(jié)
網(wǎng)頁(yè)編輯中CSS樣式表技巧總結(jié)...2007-09-09