可能很简单的CSS解决方案

时间:2013-08-05 20:10:29

标签: html css whitespace

我有一行文本包装到固定宽度容器中的下一行,如下所示:

Citizens Bank / Greenline Ventures / Local Initiatives Support Corporation (LISC) / Nortridge Software Company / Ohio Capital Corporation for Housing / Oppenheimer Multifamily Housing & Healthcare Finance / PIDC/Portfol / PolicyMap

我相信宽度大约是250像素宽。是否有任何地方可以确保当它包裹到下一行时,它不会以/开头?例如,如果发生这种情况......

Citizens Bank / Greenline Ventures / Local Initiatives Support Corporation (LISC) 
/ Nortridge Software Company / Ohio Capital Corporation for Housing / Oppenheimer 
Multifamily Housing & Healthcare Finance / PIDC/Portfol / PolicyMap

需要对其进行更改,以便(LISC)位于下一行并位于/前面,如此:

Citizens Bank / Greenline Ventures / Local Initiatives Support Corporation
(LISC) / Nortridge Software Company / Ohio Capital Corporation for Housing / 
Oppenheimer Multifamily Housing & Healthcare Finance / PIDC/Portfol / PolicyMap

这是通过电子邮件发送的,因此无法使用PHP或CSS和HTML以外的任何其他内容。我正在考虑使用white-space: pre,这有太多的缺陷,因为它倾向于将这些词分解为下一行,例如:

Citizens Bank / Greenline Ventures / Local Initiatives Support Corporation
(LISC) / 
Nortridge Software Company / Ohio Capital Corporation for Housing / 
Oppenheimer Multifamily Housing & Healthcare Finance / PIDC/Portfol / PolicyMap

我在文本的white-space: pre标记内使用<span>会产生奇怪的结果。

另外,不确定原因,但<pre>标签也不合适。出于某种原因,将文本包装在<pre>标记内并不总是有效。也许另一种解决方案?我认为在电子邮件中布置内容时,我们必须考虑更积极。

1 个答案:

答案 0 :(得分:2)

在HTML中使用不间断的空格作为文本和斜杠之间的空格。然后在斜杠后使用正常空间作为空格。

Citizens Bank&nbsp;/ Greenline Ventures&nbsp;/ ...