如何通过css自定义软连字符的符号？硬连字符无法改变

我们相信：世界是美好的，你是我也是。平行空间的世界里面，不同版本的生活也在继续...

本文的主角是：软连字符­，其unicode代码是U+00AD。通过css的hyphens属性自动生成的连字符也是属于本文的主角范畴。但是，硬连字符‐是无法被定制改变的，无论如何都显示为-。

苏南大叔的“程序如此灵动”博客，记录苏南大叔的代码经验文章。本文测试环境：win10，chrome@123.0.6312.105。

硬连接符和软连接符

因为这个单词的连接符存在着软和硬的区别，而硬连接符又不是本文的适用对象。所以先做个列表：

• https://newsn.net/say/css-hyphens-2.html

硬连接符会恒定显示为中划线-，只有软连接符可以定制。

hyphenate-character:""

可以通过hyphenate-character来定义hyphens属性（软连字符）带来的连字符定制功能。

但是，似乎没有啥必要，定制这个连字符号啊。

例子如下：

<style>
  div {
    width: 95%;
    border: 1px solid black;
    margin-bottom: 3px;
    hyphens:auto;
  }
  div.p1 {
    hyphenate-character:"=";
  }
</style>
<div class="p0" lang="en-us">
  软连字符原版：Sunan is a veryveryveryveryveryveryveryveryveryveryveryveryvery handsome
  manmanmanmanmanmanmanmanmanmanmanmanma&shy;n. see more:
  https://www.newsn.net/about.html
</div>
<div class="p1" lang="en-us">
  软连字符定制：Sunan is a veryveryveryveryveryveryveryveryveryveryveryveryvery handsome
  manmanmanmanmanmanmanmanmanmanmanmanma&hyphen;n. see more:
  https://www.newsn.net/about.html
</div>
<div class="p2" lang="en-us">
  硬连字符：Sunan is a veryveryveryveryveryveryveryveryveryveryveryveryvery handsome
  manmanmanmanmanmanmanmanmanmanmanmanman. see more:
  https://www.newsn.net/about.html
</div>

其它hyphenate相关属性

其它的连字符相关属性，还有很多。但是，能用到的概率太小了。所以，这里就不深入讨论了。这里仅仅放个列表，待日后有需要再讨论。

hyphens: auto;
hyphenate-character:"=";
hyphenate-limit-chars: 6 3 3;
hyphenate-limit-lines: 2;   
hyphenate-limit-last: always;
hyphenate-limit-zone: 8%;

有趣的是：只有hyphens和hyphenate-character被着色了，其它的这些hyphenate-limit-*并没有被着色。说明，这些奇怪的属性，并不是css标准。您觉得呢？

相关链接

• https://newsn.net/say/css-hyphens.html
• https://newsn.net/say/css-hyphens-2.html
• https://newsn.net/say/vscode-invisible.html

结语

更多苏南大叔的css经验文章，请点击下面的链接查看：

• https://newsn.net/tag/css/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。