Mit CSS { white-space: nowrap } mit Outlook

Habe derzeit ein Bericht mit vielen breiten Spalten, die ich am E-Mail-Versand direkt aus SQL. Ich bin der Generierung der HTML-für die es dynamisch, aber begegnet sind, ein Problem mit der Spaltenbreite.

Habe ich eingefügt, die folgenden CSS:

#tableMain 
TH { 
    text-align: center; 
    white-space: pre; 
    border: 1px solid black; 
    padding: 0; 
    border-spacing: 0; 
    border-collapse: collapse; 
    background-color: #f0f0f0; 
    font: 11pt bold arial sans-serif; 
}

Jetzt, während der generierte html-Code macht dieser feine im IE, es besteht auf der Verpackung der Inhalt der Zelle auf zwei Zeilen in Outlook.

In Internet explorer:
Mit CSS { white-space: nowrap } mit Outlook

In Outlook
Mit CSS { white-space: nowrap } mit Outlook

Outlook ist unsere unternehmensweite E-Mail-client, so dass ich nicht brauchen, um Unterstützung für mehrere clients, aber ich brauche es auf der Arbeit schön hier.

Und Anregungen dankbar angenommen.

  • Ich habe nicht Outlook testen hier, aber Outlook und CSS ist immer ein flaues Thema. Jetzt hat Ihr code einen anderen Wert für white-space als Ihre Frage-Titel, so erhebt sich die Frage, haben Sie test sowohl diese Werte? Haben Sie test anderen Werte auch? Was Sie versuchen können, wie versuche: legen Sie die nowrap Attribut in jede der Zellen der Tabelle, geben Sie eine width oder eine min-width. Auch, können Sie sagen, welche version(en) von Outlook, die Sie unterstützen müssen?
  • Hi Lister. Danke für die Antwort. Leider kann ich nicht erzwingen, minimale breiten direkt, wie die Spalte, die Liste wird dynamisch generiert. Ich haben im Grunde eine gespeicherte Prozedur, die ich passieren eine temp-Tabelle und einige andere Infos und es generiert eine E-Mail bei mir mit der Tabelle eingefügt. Ich poste den vollständigen code, den ich verwende später, wurden abgezogen und auf ein anderes Projekt - Prioritäten verschoben, wie üblich - es ist ein dev ist das Leben!
InformationsquelleAutor Matthew Baker | 2015-06-25
  1. 2

    Die Tatsache ist, dass Outlook verwendet Word (nicht IE) für die Darstellung von HTML-markup von E-Mails. Alle unterstützten und nicht unterstützten HTML-Elemente, Attribute und cascading style sheets Eigenschaften, die Sie finden können beschrieben werden im folgenden Artikel in der MSDN:

    • Dank Eugene, ich werde haben Sie einen Blick auf diese. Ich glaube, ich bin zu schlagen, eine maximale Bildschirmbreite als Dinge, display schön, wenn ich weniger Spalten enthalten. Ich werde haben Sie einen Blick auf die links, die du gepostet hast später habe ich schon gezogen worden, in ein anderes Projekt kurzfristig. Cheers.
    InformationsquelleAutor Eugene Astafiev
  2. 0

    Ich hatte auch dass problem, und es scheint, dass es so etwas wie die maximale Breite einer E-Mail in Outlook und es ist um 2200px(zumindest Versionen 2007-13). Ich denke, ein Weg, um senden Sie die gesamte Tabelle, ohne die Verpackung öffnen würden der dynamisch generierten HTML-Tabelle im headless-browser wie PhantomJS, und verwenden Sie Javascript, um teilen Sie die Tabelle in kleinere basierend auf der Spaltenbreiten, aber ich glaube, diese Lösung woluld eher ineffizient.

    • Dies nicht wirklich die Frage beantwortet. Wenn Sie eine andere Frage haben, können Sie Fragen Sie es, indem Sie Frage. Sie können auch fügen Sie eine bounty zu ziehen mehr Aufmerksamkeit auf diese Frage haben Sie genug Ruf.
    • Ich sehe nicht, wie diese Antwort sollte eigentlich ein Kommentar. Es ist eine ganz gute Antwort mit ein wenig esoterische Idee von der Lösung des Problems.
    InformationsquelleAutor Be Esz
Schreibe einen Kommentar