日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

DivCSS教程:CSS控制Table單元格強(qiáng)制換行與強(qiáng)制不換行_Div+CSS教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!
  Div CSS教程:CSS控制Table單元格強(qiáng)制換行與強(qiáng)制不換行

  我們知道Div的換行和不換行的css寫法。但對(duì)于表格單元格只知道一個(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)制換行:
示例代碼 [hl5o.cn]
<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)制不換行:

示例代碼 [hl5o.cn]
<style type="text/css">
.NoNewline
{
word-break: keep-all;/*必須*/
}
</style>

<table>
<tr>
<td class="NoNewline">不換行不換行不換行不換行不換行不換行不換行不換行不換行不換行</td>
</tr>
</table>

  

來源:無憂整理//所屬分類:Div+CSS教程/更新時(shí)間:2008-02-18
相關(guān)Div+CSS教程