CSS hyphens属性

  • 定义和用法

    hyphens属性定义是否允许连字符在一行文本中创建更多的软包装机会。
    特征 说明
    默认值 manual
    继承
    动画 没有。CSS动画参考
    CSS版本 CSS3
    JavaScript语法 object.style.hyphens="none"
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 IE/Edge Chrome FireFox Safari Opera
    属性名称
    hyphens
    10.0 -ms-
    55.0
    43.0
    5.1 -webkit-
    44.0
  • CSS语法

    hyphens: none|manual|auto|initial|inherit;
  • 实例

    制作一个4列网格容器:
    div.a {
      -webkit-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
    }
    
    div.b {
      -webkit-hyphens: manual;
      -ms-hyphens: manual;
      hyphens: manual;
    }
    
    div.c {
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }
    尝试一下
  • 属性值

    属性值 描述
    none 单词不用连字符
    manual 默认。 单词仅用‐ 或者 ­连接(如果需要的话)
    auto 在算法决定的地方使用连字符(如果需要)
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式