如何避免HTML中的孤立动态文本

时间:2015-10-21 11:24:56

标签: html css html-email

我有一个固定宽度的HTML页面,其中注入了一些动态副本/文本。应该允许文本换行,但不能产生孤儿

例如

  

嗨[名字],你想玩游戏吗?

问题是因为[名字]是动态的,可能是任何长度,我似乎无法避免有时候有一个孤儿

例如

  

嗨,真的很长的名字,你想玩

吗?      

游戏?

我不能使用css“for (i = 0; i < MAXWORD; i++) { matrice[i][0] = i; matrice[0][i] = i; } ”,因为它应该被允许包装,而不是使用孤儿。

我还想要一个适用于HTML电子邮件的解决方案。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

只为最后一个(例如四个)单词设置white-space: nowrap

Hi Guy-with-really-long-name, would you like 
<span style="white-space: nowrap">to play a game?</span>