网页中的文字怎么设置自动换行-木庄网络博客

2022-02-05 05:54:14 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

这次给大家带来网页中的文字怎么设置自动换行，网页中的文字设置自动换行注意事项有哪些，下面就是实战案例，一起来看一下。

在网页中，又是会用于显示一段文字，但预先并不知道，文字的长度及内容，此时，我们大多采用填充div或pre的方式来显示文字。

使用div元素时，确定了宽度加上以下两个属性，即可保证填充在div中的文字自动换行。

1	`word-wrap:` `break-word;` `//word-wrap 属性允许长单词或 URL 地址换行到下一行。//break-word在长单词或 URL 地址内部进行换行。word-break: break-all;//word-break 属性规定自动换行的处理方法。`

使用pre元素时，类似的，也加上以下两个属性，其内文字即可自动换行。

相关阅读 >>

更多相关阅读请进入《设置》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者