zoukankan      html  css  js  c++  java
  • CSS Table不换行与换行的用法

    我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗?

    用CSS实现Table单元格数据自动换行或不换行的实现方法:

    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>

  • 相关阅读:
    BZOJ 2006 [NOI2010]超级钢琴
    标准打印一棵树
    COJ 0288 路径(2015升级版)
    批判树套树。。。。。。。。
    BestCoder Round #49
    蓝牙通信中读取固定长度数组的解决
    5月5日的规划
    必须要改变这样的生活
    五一结束
    五一来临
  • 原文地址:https://www.cnblogs.com/yhongl/p/3937931.html
Copyright © 2011-2022 走看看