如果文本为一行,则CSS换行,如果文本超过一行,则不换行

如果文本为一行,则CSS换行,如果文本超过一行,则不换行,css,responsive-design,line-breaks,Css,Responsive Design,Line Breaks,我试图在场景1中生成CSS换行符,但在场景2中没有。在这两种情况下,文本都是从数据库动态获取的,所以我不知道第一句话的长度 情景1: This is the first sentence of a block. This is the second sentence of the block, which is wide. 情景2: This is the first sentence of the next example that breaks. This is the second se

我试图在场景1中生成CSS换行符,但在场景2中没有。在这两种情况下,文本都是从数据库动态获取的,所以我不知道第一句话的长度

情景1:

This is the first sentence of a block.
This is the second sentence of the block, which is wide.
情景2:

This is the first sentence of the next example that
breaks. This is the second sentence of the block, which
is wide.
这是否仅适用于CSS?我目前正在通过运行在WindowResize上的JS代码来解决这个问题,但速度很慢


编辑:澄清这应该适用于动态文本长度。

只需在第一个场景中设置要阻止的句子,在第二个场景中设置文本容器的固定宽度,如下所示:

.scenario1{
宽度:100%;
}
.场景1跨度{
显示:块;
}
.场景2{
宽度:400px;
}
这是块的第一句话。
这是该区块的第二句话,很宽。


这是下一个例子的第一句话。这是块的第二句话,很宽。
对不起,我忘了提到我在设计时不知道句子的长度。更新了帖子。不过,我可以在服务器端拆分句子,并将第一个句子放在一个单独的范围内。因此,可以肯定的是,在第一个场景中,您想在每个句子后创建一个换行符吗?但在第二种情况下,您不希望在每个句子之后,仅仅在某个宽度之后,出现换行符。我说的对吗?如果第一句话占了一行或更少的话,我想在第一句话后换行。如果需要多行,我不希望中断。问题是,我不知道第一句话会有多长,也不知道浏览器窗口有多宽,所以我必须动态调整,希望CSS能在这里做到这一点。