css控制table單元格強制換行與強制不換行
來源:易賢網 閱讀:1433 次 日期:2014-09-12 14:20:45
溫馨提示:易賢網小編為您整理了“css控制table單元格強制換行與強制不換行”,方便廣大網友查閱!

我們知道div地換行和不換行地css寫法.但對于表格單元格只知道一個屬性nowrap可以使其不換行. 但發(fā)現有時加上nowrap在某些情況下還是會換行!

用css實現table單元格數據自動換行或不換行地實現方法:

1、強制換行:

<style type=text/css>

.autonewline

{

word-break: break-all;/*必須*/

}

</style>

<table>

<tr>

<td class=autonewline>自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行自動換行3w.foa($)sp.cn</td>

</tr>

</table>

2、強制不換行:

<style type=text/css>

.nonewline

{

word-break: keep-all;/*必須*/

}

</style>

<table>

<tr>

<td class=nonewline>不換行不換行不換行不換行不換行不換行不換行不換行不換行不換行3w.foa($)sp.cn</td>

</tr>

</table>

更多信息請查看IT技術專欄

更多信息請查看網頁制作
下一篇:css字體屬性
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網