自動換行無斷詞

我一直在使用Web服務器發送HTML格式的電子郵件，迄今爲止它一直很好（內容和所有顯示都很好），除了換行。一行文本（用戶輸入）可以繼續，並在流行的電子郵件Web客戶端上生成水平滾動條。自動換行無斷詞

所以我去做了一些研究。我實施了<div style="width: 100%; word-break: break-word;"></div>，它工作得很好，除了它開始削減我的話外，還有。我想要做的是讓他們繼續下一行，同時保留單詞換行。

其他在線消息來源說，<div>標籤確實會自動換行，但在Web客戶端中，它不能以這種方式工作。我猜這可能是由於一些幕後CSS，但我沒有真正去調查。

有沒有人有任何解決方案/建議我的問題？我不想做服務器端格式化;首先我認爲這是一個痛苦的屁股，其次我認爲它會看起來不同的網絡電子郵件客戶端...感謝！

來源

2012-11-13 matt

嘗試增加以下附加屬性：

white-space: pre-line; 
word-wrap: break-word;

的可能值的說明，請參見本參考：http://www.w3schools.com/cssref/pr_text_white-space.asp

來源

2012-11-13 20:32:54

它似乎不適用於我...... :( – matt

你有模型在線的地方嗎？ –

這是我的代碼，讓我離開......我將所有空格轉換爲' '，它最終成爲一個整個長的字符串，刪除它並應用'white-space：pre-line;'樣式創造了奇蹟，謝謝!! – matt

這確實是阻止正常包裝幕後的東西。我們真的需要看到幕後，或至少在場面的情況來分析，但在簡單的情況下，加入這個CSS（在div）應該有所幫助：

white-space: normal;

它的初始值，但大概是被某種東西覆蓋了。如果這沒有幫助，嘗試

white-space: normal !important;

避免word-break: break-word，因爲它確實打破的話，顧名思義。它意味着用於允許在任何地方休息的書寫系統。

來源

2012-11-13 21:03:15

其實我需要它是'white-space：pre-line;'，因爲我需要保留用戶的輸入，我從來不知道有一個名爲'white-space'的CSS屬性，因爲我用' '替換了所有的空格......謝謝！ – matt

自動換行無斷詞

回答

相關問題