HTML字符串打破

我有以下代码：HTML字符串打破

<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％，它会在下一行继续，但有时会在名字和姓氏之间断开。。我喜欢发生的事情是它应该在下一个名字中与在名字和姓氏之间的某个地方断开。因此，我喜欢在同一行上保留名字和姓氏，而不会在其间发生任何中断。我试过&但是没有解决问题。

任何帮助将不胜感激。

来源

2014-11-20 Nate Pet

尝试在名字和姓氏（而不是空格）之间放置“ ”。 – 2014-11-20 19:25:27

请显示一个真实示例，并准确指定允许换行的位置。 – 2014-11-20 22:14:09

如果这实际上只是防止文本段内出现换行符，那么在SO上肯定存在有很好答案的问题，并解释替代技术。 – 2014-11-20 22:15:40

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

或者你可以换一个span标签内的第一/姓氏并给予跨度whitespace: nowrap CSS属性：

HTML：

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

CSS：

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

来源

2014-11-20 19:27:57

你可以使用<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>

来源

2014-11-20 19:33:41 Avijit

HTML字符串打破

回答

相关问题