css強制換行 css強制不換行的css方法
更新時間:2007年12月22日 00:50:39 作者:
更多的關(guān)于css強制換行 css強制不換行的css方法可以參考本站的內(nèi)容頁的文章控制.
以前總結(jié)過Div的換行和不換行的css寫法。但對于表格單元格只知道一個屬性nowrap可以使其不換行。
近日有此需要,但發(fā)現(xiàn)加上nowrap在某些情況下還是會換行!無奈,沒有一個強制不換行的方法嗎?
baidu了一下,令俺非常欣慰,還真的找到了辦法,問題解決了。
用CSS實現(xiàn)表格單元格數(shù)據(jù)自動換行或不換行
1、自動換行:
[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在某些情況下還是會換行!無奈,沒有一個強制不換行的方法嗎?
baidu了一下,令俺非常欣慰,還真的找到了辦法,問題解決了。
用CSS實現(xiàn)表格單元格數(shù)據(jù)自動換行或不換行
1、自動換行:
[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)文章
CSS hack實現(xiàn) CSS完美兼容IE6/IE7/FF的通用方法
CSS hack實現(xiàn) CSS完美兼容IE6/IE7/FF的通用方法...2007-11-11
DIV+CSS布局中不推薦使用的標簽集合Dont Use These Tags
DIV+CSS布局中不推薦使用的標簽集合Dont Use These Tags...2007-12-12
做網(wǎng)頁字體大小參考 網(wǎng)頁中同字號字體的不同單位對比列表
做網(wǎng)頁字體大小參考 網(wǎng)頁中同字號字體的不同單位對比列表...2007-08-08

