使用手動換行

Question

我試圖設計一個頁面來顯示電子郵件。我有這樣的事情在pre與white-space: pre：

 
>> Donec tincidunt lobortis orci, a cursus dui ullamcorper 
>> vel. Praesent vel enim et lectus aliquet laoreet. In tempus 
>> sodales. 

現在，當屏幕-Y太小，才溢，我不想用overflow: auto。相反，我希望它這樣的自動換行：

 
>> Donec tincidunt lobortis orci, a cursus 
>> dui ullamcorper vel. Praesent vel enim 
>> et lectus aliquet laoreet. In tempus 
>> sodales. 

我不介意使用:before如果我能夠選擇在頁面中的文本，並將其複製到電子郵件消息，此結果。

好的，我們先試着解決一個更簡單的問題：假設每行前面沒有「>>」前綴。我可以使用white-space: normal，但是當我複製文本時，我得到一行沒有換行符，這是不可取的。那麼，如何讓我的瀏覽器包裝文本，而不會丟失在顯示時用換行符複製它的功能？

Answer 1

你可以使用：

pre { 
white-space: pre-wrap;  
white-space: -moz-pre-wrap; /* Mozilla */ 
word-wrap: break-word;  /* Internet Explorer */ 
} 

但它需要護理>>一顆子彈...... 小提琴here