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

HTML标记

会在由于小屏幕而导致单词换行时打断单词

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

我的问题上的CSS标签可能与此无关，但我认为可能有人已经使用CSS实现了一个解决方案

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

只要在你想使用它的地方添加class

mobile

---

从询问者处编辑：

适用于我的代码如下：

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

<p class="br">There is nothing impossible<br> to him who will try.</p>

br{
显示：无；
}
@介质（最大宽度：800px）{
溴{
显示：首字母；
}
}
对愿意尝试的人来说，没有什么是不可能的

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

其次，我只使用了br，而没有使用br.mobile，因为每当我试图使用class=“br mobile”引用br.mobile时，我都不能。很可能是我的错误

同样，这种解决方法会影响页面中的每一个

，因此我想必须对ID进行更多的细化，才能影响特定的段落。

我通常使用它来控制我的句子在哪里断开。通过更改浏览器窗口大小进行实验

---

那只敏捷的棕色狐狸跳过了那只懒洋洋的睡狗，却发现那只猫已经跳过了月亮。

你还不能用

wbr

？我可能没有正确理解你的问题。你不能用
吗？不确定我是否理解你的问题。例如，假设句子中有10个单词和一个WBR标记。根据屏幕大小，在一台设备上，第一行有9个字，第二行有一个字。在另一个设备中，第一行可能有8个字，第二行可能有2个字。。等等。br和br/默认情况下拆分句子，而不是将页面加载到屏幕较小的设备上。您可以添加一个类，将其隐藏在较大的显示器上。好主意！谢谢你把我介绍给媒体，我完全不知道这些问题。然而，就我的情况而言，为了工作，我不得不做一些更改，所以在我接受答案之前，我将进行编辑（只是附加我的版本）。好吧，希望这会有所帮助！有一些真正酷的CSS功能是相对较新的(