网页表格强制换行和强制不换行方法

用CSS实现表格单元格数据自动换行或不换行

  1、自动换行:
  <style type="text/css">
  .AutoNewline
  {
  word-break: break-all;/*必须*/
  }
  </style>

  <table>
  <tr>
   <td class="AutoNewline">自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行</td>
  </tr>
  </table>

  2、不换行:
  <style type="text/css">
  .NoNewline
  {
  word-break: keep-all;/*必须*/
  }
  </style>

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

   3、方法2如果碰到有特殊符如“-”,“~”,“:”等引起换行时,可以用<td><nobr>不换行不换行不换行不换行不换行不换行不换行
  不换行不换行不换行</nobr></td>

本博客所有文章如无特别注明均为原创。作者:sysdee复制或转载请以超链接形式注明转自 成功志
原文地址《网页表格强制换行和强制不换行方法
分享到:更多

相关推荐

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)