Question

我有以下代码：

    <div style='width:40%'>

       <p> "First Name1 " + FirstName1 + " Last Name1 " + LastName1 + " First Name2 " + FirstName2 + " Last Name2 " + LastName2 + "First Name3 " + FirstName3 + " Last Name3 " + LastName3 .... </p>

    </div>

请注意，我所拥有的代码是使用程序生成的，但仍然是HTML代码。我上面的代码中发生的情况是，一旦文本超出40％，它将继续在下一行，但有时会在名字和姓氏之间断开。。我喜欢发生的事情是它应该在下一个名字与名字和姓氏之间的某个地方打破。

因此，我喜欢将名字和姓氏保持在同一条线上，而不会发生任何中断。我尝试了但是没有解决问题。

非常感谢任何帮助。

Answer 1

情侣选项 - 您可以使用代码为 的不间断空格，而不是名字后面的常规空格。

或者您可以将您的名字/姓氏包含在span代码中，并为该范围提供whitespace: nowrap的CSS属性：

HTML：

<span class="no-wrap">Firstname Lastname</span>

CSS：

.no-wrap {
    white-space: nowrap;
}

Answer 2

您可以使用<br />

<div style='width:40%'>

       <p> "First Name1 " + FirstName1 + "Last Name1" + LastName1 + "<br />First Name2 " + FirstName2 + "Last Name2" + LastName2 + "<br />First Name3 " + FirstName3 + "Last Name3" + LastName3 .... </p>

    </div>

HTML字符串中断

2 个答案: