• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    word-wrap

    word-wrap : normal | break-word

    参数:

    normal :  允许内容顶开指定的容器边界
    break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生

    说明:

    设置或检索当当前行超过指定容器的边界时是否断开转行。
    对应的脚本特性为wordWrap。请参阅我编写的其他书目。

    示例:

    div { word-wrap: break-word; }

     

     

    word-break : normal | break-all | keep-all

    参数:

    normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
    break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
    keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

    说明:

    设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
    对于中文,应该使用break-all 。
    对应的脚本特性为wordBreak。请参阅我编写的其他书目。

    示例:

    div {word-break : break-all; }

    您可能感兴趣的文章:
    • 用CSS动态控制文本属性
    • font和line-height之CSS代码书写顺序不同,导致显示效果不一样
    • css white-space:nowrap属性用法(可以强制文字不换行输出)
    • CSS属性 - white-space 空白属性使用说明
    • word-wrap在firefox中不起作用的解决方法
    • 从零学CSS系列之文本属性
    上一篇:CSS hack浏览器兼容一览表
    下一篇:flex chrome浏览器调试出现空白的解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    word-wrap word-wrap,word-wrap,