问题标签 [css-hyphens]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS 连字符在 Firefox 中不起作用？
我正在尝试使用CSS Hyphens。它们在 IE 11 和 Safari 中工作，但在 Firefox 中不能正常工作，我不确定为什么。这是一个例子：
当您在 Firefox 中运行代码段时，该单词DIAGNOSEVERFAHREN会溢出容器并且不会中断。在 Safari 和 IE 中，它会像我预期的那样中断。为什么这在 Firefox 中不起作用？
编辑
正如 Marat Tanalin 的回答所指出的，必须包含 lang 属性才能使连字符正常工作。我有这个作为我的<html>标签：
css - 为什么这些词会在奇怪的地方中断？
这是现场网站：http ://chadfraser.com/
如您所见，如果您在移动设备上查看或缩放浏览器窗口，单词会在奇怪的地方中断。我可以添加连字符，但我的客户是专业作家并且不想要它们。不过，我们不应该需要它们——我不明白为什么这些词不能用空格包裹。
任何想法将不胜感激。
html - 相对大小元素的分词
我已经非常努力地寻找解决方案，但似乎没有任何效果。位置元素中的单词不会换行，我已经尝试了所有方法，word-wrap:break-all |break-word 和当前版本。似乎没有什么可以将长线分成较小的线。 https://jsfiddle.net/k5VET/2431/
css - 如何在 Google Chrome 浏览器中使用连字符？
我使用以下 css 在我的网站中自动连字符文本：
但在 chrome 中，这没有效果。我已经读过，那个 chrome 不支持这个。chrome中的断字有什么解决方法吗？谢谢！
html - 可以控制外观吗？
我发现软连字符可以通过不同的方式拆分单词，具体取决于单词包装的宽度。
JSFiddle示例清楚地表明了这一点。
前两个词（在示例中）看起来像我期望的那样，但最后两个词对我来说是个谜。有人能告诉我为什么­在单词末尾显示破折号吗？
编辑：正如 Oriol 指出的那样，不同的浏览器和环境会产生不同的视图。这是我看到的图片：
python - 过滤安全不适用于害羞标签问题
我在 Django 模板的正确位置出现断词的问题。看来­
我正在尝试安全过滤，但它不起作用。
这是我的代码：
css - Chrome 55.0.2883.95 中的 CSS 连字符行为更改
似乎将“连字符”设置为“自动”现在比“空白：nowrap”具有更高的优先级。在以前版本的 Chrome（Mac 中的 54 之前）和其他浏览器（FF、Safari、IE）中，似乎“空白：nowrap”的出价高于连字符。因此，如果您指定 white-space: nowrap 和 text-overflow: ellipsis，您会看到无论连字符设置如何，文本都会被省略号截断。
从 55.0.2883.95（Mac 版）开始，似乎连字符：auto 即使指定了 white-space: nowrap 也会进行换行。我同意同时指定连字符和 nowrap 听起来很愚蠢。但由于这是一种“新”行为，我想确认这是一个错误还是预期的行为。
我创建了一个简单的小提琴来测试这个问题，以比较其他浏览器的行为。
截图：
html - 将一个单词分成音节并用连字符分隔，而不将其显示为
我想得到一个字符串，一个单词分成一个或多个音节，如果有多个音节，中间也有连字符。
例如：我想从 Floccinaucinihilipilification 中取出 Floccinaucinihilipil-ification。
当前的浏览器已经能够通过连字符来打破它们，语法正确。
原因：我想显示一个术语，就像它在字典中一样。因此，最简单的事情是访问浏览器如何破坏它，但在一行中显示它。
换句话说：如果有足够的空间至少显示最窄的音节，是否有任何方法可以访问一个单词，因为它会显示给用户代理？
google-chrome - CSS 中的自动软断字
去年 12 月，Chrome据说Hyphens支持CSS3 。此外，除了其他主要浏览器之外，IE 也应该在船上。
更新：收到以下答案后，我了解到我误解了 caniuse.com 上的脚注。
它说：“目前仅支持autoMac 上的值”。
我将其解释为“在 Mac 上，目前仅auto支持该值”。
但真正的意思是“Mac 是目前唯一auto支持该值的平台”。/更新。
但是，我无法为 Chrome 或 IE 实现。我已经阅读了几篇较旧（现在有些过时）的 SE 帖子（1、2、3）并制作了一个 jsfiddle，不幸的是它只能在 Firefox 中产生预期的结果。
假设我的目标语言挪威语lang="no"（lang="en"hyphenate-resource
是否可以对小提琴进行修改，以使连字符在没有字典的 IE 和/或 Chrome 中工作？如果没有，有人知道hyphenate-resource对挪威语有用吗？
如果不是，我们将不得不考虑使用hypher或hyphenator，但我宁愿避免使用 JavaScript 实现，因为我应该从浏览器中获得本机。
