今天小编跟大家讲解下有关div+pre标签的组合实现文本原格式显示与自动换行 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关div+pre标签的组合实现文本原格式显示与自动换行 的相关资料，希望小伙伴们看了有所帮助。
html的<pre></pre>标签用可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 而为了限制文本显示的范围 一般使用div+css设定自动换行或缩略等样式。对于未知的文本格式 如果要求文本单行过长时换行显示 并且保留原文本的空格和换行符 就可以通过div+pre标签的组合 再分别设定各自的样式来实现（pre标签一般不适用width属性） 复制代码代码如下: <!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"> <title>TEST</title> <style type="text/css"> div { width: 100px; white-space: normal; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } </style> <body> <div> <pre> 文本文本文本文本文本文本文本文本文本文本文本 文本 文本 文本 </pre> </div> </body> </html>来源：爱蒂网
