HTML中强制换行和自动换行,网页中的纯文本如何强制换行（txt文件）

有的时候需要把文本文件中的内容显示到网页中，显示效果非常糟糕，比txt文本文件还差，不但没有行间距，连段落也没有了，所有段落被合并成一段，可阅读性变得十分差，可能阅读一会就不想读了。通常的处理方法是把每一段加上网页的段落标签或在每段的后段加上换行标签，如果网站有这个功能，这样处理再好不过；如果网站当初没有写这个功能，有没有办法让纯文本强制换行？

html标签中有一个

标签，它正是用来显示纯文本的标签，把txt文件中的纯文本显示到中，纯文本会依照 txt文件中的换行标记强制换行。这样就很好的解决了纯文本的换行问题，但段与段之间的距离不太好控制，要么距离太大要么距离太小，不易用CSS定义为段与段之间距离小一些、每几段之后距离应该适当大一些。

网页中的纯文本如何强制换行实例

html代码：

用了html段落标记，纯文本被强制换行；不用段落标记，纯文本不会自动换行，所有在txt文本文件中的内容会合并为一段，阅读性相当差。

这是第二段，用了

标签，本段会另起一行显示，不用标签，本段会接在第一段的后面。

CSS代码：

.div{margin:10px 0px; position:relative; border:1px solid #787878; width:420px; height:132px; line-height:24px;}

效果预览：

用了html段落标记，纯文本被强制换行；不用段落标记，纯文本不会自动换行，所有在txt文本文件中的内容会合并为一段，阅读性相当差。

这是第二段，用了

标签，本段会另起一行显示，不用标签，本段会接在第一段的后面。

值得注意的是，用

标签是按照文本文件中的段落强制换行，也就是文本文件中的一段如果超过网页中定义的宽度，则不会自动换行，会显示到元素的外面，如果想强制换行，需在 pre 的 style 属性中加 word-wrap:break-word。

HTML中强制换行和自动换行,网页中的纯文本如何强制换行（txt文件）相关推荐

在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆
原文链接: 在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆上一篇: tailwindcss 简单场景和官方案例下一篇: git Submodule 将别人的模型文件通 ...
excel函数公式html文档,Excel中把计算式转换为运算结果的方法 EXCEL中计算出的公式如何转换成纯文本内容？...
如何在EXCEL中将计算公式直接变结果如我在A1输入计算式:(1+2*3+4/5-6)*1.2+(1+5) 如何在B1得出该计算式的选中B1然后按快捷键ctrl+F3,进入名称管理器,新建,输入任意名 ...
php设置自动换行,网页中的文字怎么设置自动换行
这次给大家带来网页中的文字怎么设置自动换行,网页中的文字设置自动换行注意事项有哪些,下面就是实战案例,一起来看一下. 在网页中,又是会用于显示一段文字,但预先并不知道,文字的长度及内容,此时,我们大多 ...
怎样在html中插入广告,如何在网页中插入广告代码。
1.首先通过百度搜索百度地图生成器,进入百度地图生成器的创建地图页面. 2.在创建地图页面第一步输入我们需要生成地图的地址,然后点击查找. 3.如果没有其它设置需求的话,那么就可以直接点击下方的获取代 ...
android 抓取webview中的所有图片_Python|任意网页中的所有图片下载
参考代码: import requestsfrom bs4 import BeautifulSoupurl = 'https://movie.douban.com/chart' # 设置爬取网址hd ...
Hexo博客中插入图片，在网页中无法显示：采用图床外链的方法
个人博客:小序的时光机,欢迎访问! 最近在用Hexo搭建博客过程中,发现如果在博文中添加本地图片,网页上的图片无法显示.网上的搜到的方法很多都是利用hexo-asset-image插件,然而该插件还是 ...
html中怎么制作选择头像,网页中的个人头像选择框（转）
网页中的个人头像选择框(转) 1.先看个效果 2.源文件 New Document body,td,div {font:12px 宋体} label {height:119px;pad ...
为什么在html中链接打不开,网页中的链接打不开？三种小妙招总有一种合你意！...
我们打开电脑要做的一件事肯定会有浏览网页,我们会发现经常看到网页中会有各种各样的链接,当我们点击打开的时候会发现打不开!这是怎么回事? 因为也有win7系统网友问过这样的问题,今天小编就给大家讲解一下 ...
html中url表示方法,HTML网页中的URL表示方式介绍
在HTML中很多用户们对于URL表示方式都不了解,那么今天爱站小编就将为大家分享HTML网页中的URL表示方式介绍,希望对大家的学习有所帮助. 在HTML中,常见的URL有多种表示方式: 相对URL: ...

HTML中强制换行和自动换行,网页中的纯文本如何强制换行（txt文件）

HTML中强制换行和自动换行,网页中的纯文本如何强制换行（txt文件）相关推荐

最新文章

热门文章