码农教程 - 一技在手,衣食无忧! tools

目录

CSS hyphens 属性

❮上一节 完整的CSS参考 下一节❯

示例

设置不同的连字符：

<style>
div.a {
  hyphens: none;
}

div.b {
  hyphens: manual;
}

div.c {
  hyphens: auto;
}
</style>

<body>
<h2>hyphens: none</h2>
<div class="a">A veryvery&shy;very long word.</div>

<h2>hyphens: manual</h2>
<div class="b">A veryvery&shy;very long word.</div>

<h2>hyphens: auto</h2>
<div class="c">A veryvery&shy;very long word.</div>
</body>
亲自试一试 »

定义和用法

这个hyphens属性定义是否允许使用连字符在文本行中创建更多软换行机会。

展示演示❯

默认值： 手动的
遗传： 是的
可动画： 不。阅读可动画的
版本： CSS3
JavaScript 语法： 对象.style.hyphens="none"

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
hyphens 55.0 79.0
10.0 -ms-		 43.0 17.0
5.1 -webkit-		 44.0

CSS 语法

hyphens: none|manual|auto|initial|inherit;

属性值

Value Description Demo
none Words are not hyphenated Demo ❯
manual Default. Words are only hyphenated at &hyphen; or &shy; (if needed) Demo ❯
auto Words are hyphenated where the algorithm is deciding (if needed) Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

❮上一节 完整的CSS参考 下一节❯