2013-08-05 2 views
0

У меня есть строка текста, который оборачивает к следующей линии в фиксированной ширины контейнера, который выглядит следующим образом:Возможно простой CSS разрешение к этому

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> не всегда работает. Может быть, другое решение? Я думаю, что мы должны думать более агрессивно, когда речь заходит о том, чтобы раскрыть вещи в электронном письме.

ответ

2

Используйте неразрывное пространство в HTML для пробела между текстом и косой чертой. Затем используйте нормальное пространство для пробела после косой черты.

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

Ничего себе, невероятно, все просто! Спасибо! –

Смежные вопросы