时间:2016-01-22 07:32 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【div+pre标签的组合实现文本原格式显示与自动换行】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
div+pre标签的组合实现文本原格式显示与自动换行
<!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>
关于div+pre标签的组合实现文本原格式显示与自动换行的相关讨论如下：
相关问题：html div中文本超过div宽度怎么不自动换行了而是显...
答：你可以看看这个网址 ++++ http://www.php100.com/html/webkaifa/DIV_CSS/2009/0416/2453.html ++++ 对你应该有帮助，div里面一般情况下不要直接写文字，你可以添加一个P标签或者H1标签或者其他的。 >>详细
相关问题：css+div中，用<div></div>，字符可以换行，用<pre>...
答：最兼容的方法是用标签分块，div标签本身有换行效果。列表的换行用，都可以。用换行也可。搜狗高速浏览器对标签的要求比较严格，所以标签格式严谨很重要。再有万恶的IE6会有很多bug与独特性，这个没办法，要么放弃IE6，要么用心体验做成兼容。其... >>详细
相关问题：div+css中怎样实现文字自动换行
答：CSS代码：#wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} DIV代码：ddd1111111111111111111111111111111111 效果：文字自动换行。 word-break:break-all;代码起主要作用，如果没有这段代码，超出部分... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-