手动包装与pre

Question

我正在尝试设计一个显示电子邮件的页面。我在pre white-space: pre：

中有类似的内容

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

现在，当screen-y太小而且溢出时，我不想使用overflow: auto。相反，我希望它像这样自动换行：

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

如果我能够在页面中选择文本并将其复制到电子邮件中，我不介意使用:before。

好的，我们首先尝试解决问题的更简单版本：假设每行前面没有“＆gt;＆gt;”前缀。我可以使用white-space: normal，但是当我复制文本时，我得到一行没有换行符，这是不可取的。那么，如何让我的浏览器包装文本而不会失去使用换行符复制它的能力？

Answer 1

您可以使用：

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

但它负责＆gt;＆gt;作为子弹...... 小提琴here