网页设计中实现表格强制换行和强制不换行

  • 来源: 中国IT实验室 作者: xuqingzhong   2008-05-30/10:48
  • 以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。

    近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?

    baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。

    实现方法(原文copy过来):
    ======================================

    引用

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


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多