Html 控制单词之间的断点

我有一个带有文本的响应页面。有时，中断出现在影响意义或设计的疏远地方。我能控制句子在哪里断吗

例如，在这个简化的例子中，我能保证它只在句子的末尾断开吗？我的意思是，如果窗口大于500px，那么所有的句子都不会中断。如果窗口小于500px，则在每个句子的末尾都会出现分隔符

下面是要播放的示例：

CSS:

HTML:

这是第一句话。这是第二句话。这是第三次。

您可以使用

空白：pre


另一种方法是将它们视为块

您可以使用
空白：pre


另一种方法是将它们视为块

输入一个不间断空格-
-只要你不想让句子中断。
输入一个不间断空格-
-只要你不想让句子中断。
如果你还想控制单词（连字符）内部中断的位置，你可以添加软连字符：

#text {  
    margin:0 auto;
    width:100%;
    max-width:500px;
    white-space: pre;
}

…或使用类似的脚本为您执行此操作。
如果您还希望控制单词内部的中断位置（连字号），可以添加软连字号：

…或者使用类似于这样的脚本为您完成任务。
我想这不是那么简单吧？我认为关键是它只有在需要时才会断开？@Artur关键是你如何仅使用css控制
。那不可能总是在那里我想不是那么简单吧？我认为关键是它只有在需要时才会断开？@Artur关键是你如何仅使用css控制
。
不可能总是如此。有关
空白
属性可能值的更多信息，请参阅：@John我看不到你的小提琴工作。也许我解释得不好。文本应该是连续的，只有当窗口小于paragraf@Nrc我提供了另一个例子是的！第二个很好：将句子放在div中，并给出一个inline-block的css。有关
空白
属性可能值的更多信息，请参阅：@John我看不到你的小提琴作品。也许我解释得不好。文本应该是连续的，只有当窗口小于paragraf@Nrc我提供了另一个例子是的！第二个很好：把句子放在一个div中，并给出一个inline-block的css。这是一个很好的解决特定情况的方法。但总的来说，当你有大量的文本时，如果你想在所有大小如此之多的设备上工作，这可能是疯狂的。即使是在我的小例子中，我也要说的是：无论如何，它是有效的，是一个聪明的解决方案。谢谢！对于特定情况，这是一个很好的解决方案。但总的来说，当你有大量的文本时，如果你想在所有大小如此之多的设备上工作，这可能是疯狂的。即使是在我的小例子中，我也要说的是：无论如何，它是有效的，是一个聪明的解决方案。谢谢！
<div id="text">
    This is the first sentence. This is the second sentence. This is the third.
</div>

#text {  
    margin:0 auto;
    width:100%;
    max-width:500px;
    white-space: pre;
}

super&shy;cali&shy;fragilistic&shy;expiali&shy;docious