与[重复]相反答案

【问题标题】：Opposite of  [duplicate]与[重复]相反
【发布时间】：2021-09-17 03:04:24
【问题描述】：

有没有办法在特定点不断词？类似于&shy 的反义词？

我已将我的文本设置为 hyphens: auto;，但在某个特定点，单词会中断，这是不正确的。我已经在单词的多个位置设置了&shy，但它仍然在错误的位置中断。

我想在 html 中插入一些东西（没有 css 或任何东西，因为它必须进行编辑），告诉浏览器无论如何都不会中断。

【问题讨论】：

您能否向我们展示那部分代码，以便我们知道我们在处理什么？
我可以试试，但我猜它很具体。
不，抱歉，我不能。它位于一个带有 CMS 的大型网站中，我无法复制它以使其看起来完全相同。太多的嵌套元素到处都是css。可以分解为仅此。对不起。但这个问题更像是一个笼统的问题，在我看来不需要代码。
如果我理解正确，您需要一种方法来指示浏览器可以断词，但不能在您决定的特定字符处 - 所有其他字符都可以。是这样吗？
用hypens: none; 样式将单词包裹在一个跨度中是否可以接受？

标签： html css

【解决方案1】：

AFAIK 没有明确的 HTML 特殊字符来执行此操作。

一种解决方法可能是将您的整个内容指定为在任何地方都可破解，并将您单词的不可破解部分包装在 span 中，而不使用单词中断。

然后，您可以在编辑器中决定要停止单词的位置：

.breakable {
  word-break: break-all;
}
.unbreakable {
  word-break: normal;
  color: red;
}

<div class="breakable">Browser can break anywhere here, but not where I decide: on this <span class="unbreakable">specificsuperlong</span>wordofmine, the red part is unbreakable. </div>
<div class="breakable">If I want to decide a special position it can only split on, I wrap my special <span class="unbreakable">unbrea</span>k<span class="unbreakable">able</span> in two spans.</div>

【讨论】：

谢谢，但是这个词真的是“永不破碎”吗？因为它很长，我确实想用&shy; 打破它，但只在我设置它的地方。这行得通吗？我明天测试你的想法，然后回到这里。