2012-04-19 22 views
6

Questo è il mio primo post. Quindi:Previene il ritorno a capo di parola sul trattino nell'e-mail html in Outlook 2007 e Outlook 2010

Sto lavorando a una e-newsletter HTML utilizzando lo stesso modello che ho usato per un po 'di tempo. Il modello ha funzionato bene fino a poco tempo fa (il bit di codice che ho usato è sotto). Improvvisamente Outlook 07/10 non si comporta nello stesso modo in cui ho percepito che si erano comportati in passato. Non sono apparire per rispettare l'attributo spazio bianco quando si tratta di trattini. Tutti gli altri client di posta elettronica si comportano come previsto (rispettano l'attributo spazio bianco).

Uno degli elementi nella newsletter è un codice ISBN, ovvero un insieme di cifre separate da trattini come "978-1-555-97610-1". Il codice ISBN si trova in un tag span che fa parte di una riga di testo all'interno di un tag p che insieme a molti altri elementi p, e possibilmente un img, risiede all'interno di una tabella. Devo evitare che i codici ISBN vengano violati dai trattini e vengano spostati su nuove righe.

Non riesco a utilizzare i trattini non interruzione e ho studiato molto questo problema in passato (ho un sacco di codici ISBN nella mia linea di lavoro), quindi spero di non pubblicare qualcosa che è già è stato risposto un miliardo di volte.

Qualsiasi aiuto è molto apprezzato!

Grazie, Andrew.

CODICE:

<p style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; margin-bottom: 0px; text-align: right;"> 
    Metropolitan Books &middot; 384 pages &middot; $18.00 &middot; paperback &middot;    
     <span style="white-space: nowrap;">978-0-8050-9466-4</span> 
</p> 
+2

Secondo [Campaign Monitor] (http://www.campaignmonitor.com/css/), 'white-space' non è supportato solo in Outlook 2000/2003, quindi forse * hai * trovato un bug! Ho anche dovuto cercare questo codice ISBN per curiosità: "Illusioni ideali: come il governo degli Stati Uniti ha cooptato i diritti umani". :) –

+0

Inoltre, Outlook 2007/2010 utilizza la rispettiva versione di Word per il rendering delle e-mail. Non sono sicuro che fosse il caso delle versioni precedenti. Forse, mentre "supportato", l'implementazione di Word del supporto 'white-space' è più rilassata rispetto ad altri client (web o altro). Forse dovresti aprire un problema di connessione con Microsoft per una risposta migliore: è un argomento difficile da ricercare usando un motore di ricerca. –

+0

Ciao Cory, grazie per il tuo contributo. È un problema diabolico da ricercare. La mia prossima fermata sarà Microsoft, sicuramente, ma spero di poter trovare una soluzione per il problema immediato. L'unica cosa che posso pensare è rompere il codice ISBN sulla propria linea, ma non è così che è stato progettato il modello e spero di mantenere intatto il design. – SneakyOne

risposta

4

utilizzare il tag <nobr>.

E.g. <nobr>978-0-8050-9466-4</nobr>

+0

Interessante! Il tag ' sembra essere deprecato/non supportato, ma questo non mi ha mai fermato in passato. Ahimè, la mia linea si rompe ancora sul trattino in Outlook 07/10. Buon pensiero, però. – SneakyOne

+0

Hai provato a utilizzare un carattere trattino non interrompibile ('‑')? – Krazer

+0

Il trattino non-breaking funziona, ma sto cercando una soluzione che non si basi su di essi. Non penso che ci sia un modo per usarli, però. Un po 'sfortunato, penso. Grazie per le tue idee! – SneakyOne

-1

Si potrebbe voler provare ad aggiungere larghezza a questo, se possibile. Quindi non si sta rompendo.

+0

Ciao Rudolfs, potresti spiegare cosa intendi? – SneakyOne

4

Che ne dite di un trattino unificatore &#8209;

1

avevo bisogno di avere un elemento non rompere in una e-mail letta tramite Outlook 2013, ma non si rompono su spazi. Per quanto io odio l'hacking, il modo in cui ho affrontato questo problema è stato quello di utilizzare i trattini non rompere, ma impostare il loro colore al colore di sfondo dei loro genitori:

<div style="background-color: #fff; color: #000;"> 
    New<span style="color: #fff;">&#8209;</span>Listing 
</div> 
+1

withWow, è intelligente. Per qualche motivo che non ricordo, non ho potuto usare i trattini non-rompersi per questo particolare compito. Con una nota leggermente diversa, ho recentemente provato gli spazi a larghezza zero (​) attorno ai trattini per controllare le interruzioni di parole. Ha superato il test Acid cross-browser, ma il mio ESP li ha effettivamente eliminati, lasciando il temuto '?' al suo posto. – SneakyOne

+0

È possibile utilizzare spazi non interruttivi, ' ' funziona anche in Outlook 2013. I trattini non di rottura sono richiesti solo quando si desidera effettivamente avere trattini. –