Question

我在网页上显示长文本，我使用段落标记来分隔我的句子。但是，当我的第一组文字显示下一行的一半句子显示时。

<p>This is some random text that I am typing on the screen for an example. </p>
<p>My second line for this example </p>

以下是屏幕上显示的内容：

This is some random text that I am
typing on the screen for
an example.
My second line for this example

对于这种情况，“一个例子”应该在第二行，但事实并非如此。有办法解决这个问题吗？

Answer 1

如果您想保留＆＃39; p＆＃39;的所有内容在一行内你可以使用它：

p {
    white-space: nowrap;
}

但是，当您的文字显示在手机上时，这可能会产生负面影响 - 文字行可能会变得太宽..

您可以在一个范围内插入文字行，以避免白色字母＆＃39;在所有段落：

<p>This is some random text that I am <span style="white-space:nowrap">typing on the screen for an example.</span></p>
<p>My second line for this example</p>

HTML防止部分文本转到下一行

1 个答案: