zoukankan      html  css  js  c++  java
  • 自动换行

    white-space:normal;
    /*word-wrap:break-word;*/
    word-break:break-all;

    一、对于div强制换行
    1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。
    #wrap{white-space:normal; 200px; }
    或者
    #wrap{word-break:break-all;200px;}

    2.(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden;

    同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!
    #wrap{white-space:normal; 200px; overflow:auto;}
    或者
    #wrap{word-break:break-all;200px; overflow:auto; }

    二、对于table强制换行
    1. (IE浏览器)使用样式table-layout:fixed;

    2.(IE浏览器)使用样式table-layout:fixed与nowrap

    3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap

    4.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div。

    -----------------------------------------------------------------------------------------------------------------------------------

    三、强制不换行:div{white-space:nowrap;}

    四、自动换行:div{ word-wrap: break-word; word-break: normal;}

    五、强制英文单词断行:div{word-break:break-all;}

  • 相关阅读:
    CentOS-7 虚拟机意外断电后的数据恢复
    CentOS7 搭建VNC 服务
    CentOS7-ulimit
    CentOS-7 初始化配置
    Centos Bond设置实例
    服务检测脚本
    sshd服务
    input常用属性
    前端工具-Sublime、WebStorm-快捷方式使用
    随机抽选效果、随机抽选红色球
  • 原文地址:https://www.cnblogs.com/chenguanai/p/7305235.html
Copyright © 2011-2022 走看看