用一个Div显示大段文本需要做那些设置?_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:14:19
原创
1335人浏览过

在一个小应用中,我需要在页面显示大段文本,文本可能很长,最多有五万字左右。

首先,原有文本格式需要保持,比如空格,空行,回车,TAB等。
其次,一段文本如果较长,需要自动换行,不能把DIV乃至外面的容器撑开。
其三,文本中如果有特殊字符,如引号,HTML代码等也要能正常显示。

目前我再DIV中试用PRE标签1,3倒是可以做到,但第二点不能。
请问我还需要增加什么设置?


回复讨论(解决方案)

是你的样式问题~用了浮动后,最后记得清楚浮动就可以了~

#body_content DIV.down{	background-image: url("../images/content_down.png");	background-repeat: no-repeat;	width:986px;	height:98px;	margin:0;	float:left;}#body_content DIV.down{	background-image: url("../images/content_down.png");	background-repeat: no-repeat;	width:986px;	height:98px;	margin:0;	float:left;}#body_content DIV.center{	background-image: url("../images/content_center.png");	background-repeat: repeat-y;	width:986px;	margin:0;	float:left;}#body_content DIV.up{	background-image: url("../images/content_up.png");	background-repeat: no-repeat;	width: 986px;	height: 105px;	margin: 0;	padding: 0;	float:left;}#area_footer{	width:100%;	height:80px;	padding:50 0 0 0;	clear:both;}
登录后复制

不好意思回复错了~

你的问题,解决方案:
给外层div定宽,文本用p标签写,一个段落用一个p标签;

登录后复制

芦笋演示
芦笋演示

一键出成片的录屏演示软件,专为制作产品演示、教学课程和使用教程而设计。

芦笋演示 34
查看详情 芦笋演示
这样就可以了~
 

不好意思回复错了~

你的问题,解决方案:
给外层div定宽,文本用p标签写,一个段落用一个p标签;

登录后复制

这样就可以了~

无效啊。

可以用一个隐藏边框,背景透明的textarea显示的,代码如下:


使用$("XXX").value="...";设置值就行。

用textarea可行。

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号