是否有<wbr>等效的标签来影响整个句子而不仅仅是单个单词？

Question

HTML 标记<wbr>由于屏幕小而自动换行的情况下会破坏单词。

但是，在小屏幕的情况下，是否有一个标签可以用来在特定点上分解和包装句子的文本？

我问题上的 CSS 标签可能无关紧要，但我认为也许有人可以使用 CSS 实现解决方案。

Answer 1

wbr.mobile {
display: none;
}
@media (max-width: 800px) {
wbr.mobile {
display: initial;
}
}

只需将类mobile添加到您想要使用它的任何位置即可。

---

从ASKER编辑：

对我有用的代码如下：

br {
display: none;
}
@media (max-width: 800px) {
br {
display: initial;
}
}
<p class="br">There is nothing impossible<br> to him who will try.</p>

我将 wbr更改为 br，因为正如我在问题中所解释的那样，我想模拟 wbr 对整个句子而不仅仅是单词的影响。而且我不认为媒体查询可以改变行为或HTML标签。

其次，我只使用了br而不是br.mobile，因为每当我尝试使用class="br mobile"引用br.mobile时，我都无法做到。可能是我在这个问题上的错误。

这种解决方案也会影响页面中的每个<br>，所以我想必须对 ID 进行更多改进才能影响特定段落。

Answer 2

我通常使用不间断空格来控制句子中断的位置。 通过更改浏览器窗口大小进行试验。

<div>The quick brown fox jumped over the lazy sleeping dog, only&nbsp;to&nbsp;find&nbsp;that&nbsp;the cat&nbsp;had&nbsp;jumped&nbsp;over&nbsp;the&nbsp;moon.</div>