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

请输入您要查询的考试资料:

 

标题 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/14 9:28:49