网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 CSS控制Table单元格强制换行与强制不换行
范文
    我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。 但发现有时加上nowrap在某些情况下还是会换行!
    用CSS实现Table单元格数据自动换行或不换行的实现方法:
    1、强制换行:
    <style type="text/css">
    .AutoNewline
    {
    word-break: break-all;/*必须*/
    }
    </style>
    <table>
    <tr>
    <td>自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行3w.foa($)sp.cn</td>
    </tr>
    </table>
    2、强制不换行:
    <style type="text/css">
    .NoNewline
    {
    word-break: keep-all;/*必须*/
    }
    </style>
    <table>
    <tr>
    <td>不换行不换行不换行不换行不换行不换行不换行不换行不换行不换行3w.foa($)sp.cn</td>
    </tr>
    </table>
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/18 13:55:05