网页表格强制换行和强制不换行方法
成功志
网页表格强制换行和强制不换行方法
2012-2-17 ok12

用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>

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容