而为了限制文本显示的范围，一般使用div+css设定自动换行或缩略等样式。对于未知的文本格式，如果要求文本单行过长时换行显示，并且保留原文本的空格和换行符，就可以通过div+pre标签的组合，再分别设定各自的样式来实现（pre标签一般不适用width属性）
复制代码
代码如下:
<!DOCTY PE html P ub LIC "-//W3C//DTD HTML 4.01 Trans IT ional//EN" "http://www.w3. org /TR/html4/loose.dtd">
<html>
<head>
< ;m eta http-equiv="Content -t ype" content="text/html; charset=UTF-8">
<title> test </title>
<style type="text/css">
div {
width: 100px;
white -s pace: normal;
}
pre {
white-space: pre-wra p; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /* opera 4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: br eak-word; /* internet E xp lorer5.5+*/
}
</style>
<body>
<div>
<pre> 文本文本文本文本文本文本文本文本文本文本文本
文本
文本
文本
</pre>
</div>
</body>
</html>
总结
以上是 为你收集整理的 div+pre标签的组合实现文本原格式显示与自动换行 全部内容，希望文章能够帮你解决 div+pre标签的组合实现文本原格式显示与自动换行 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于div+pre标签的组合实现文本原格式显示与自动换行的详细内容...