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字符串打破

回答

相關問題