分享更有价值
被信任是一种快乐

html网页中的文字如何设置自动换行

文章页正文上

这篇文章主要介绍html网页中的文字如何设置自动换行,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
  在网页中,又是会用于显示一段文字,但预先并不知道,文字的长度及内容,此时,我们大多采用填充div或pre的方式来显示文字。
  使用div元素时,确定了宽度加上以下两个属性,即可保证填充在div中的文字自动换行。
  word-wrap:break-word;//word-wrap属性允许长单词或URL地址换行到下一行。//break-word在长单词或URL地址内部进行换行。word-break:break-all;//word-bre免费云主机、域名ak属性规定自动换行的处理方法。
  使用pre元素时,类似的,也加上以下两个属性,其内文字即可自动换行。
  white-space:pre-wrap;//pre-wrap保留空白符序列,但是正常地进行换行。word-break:break-all;
  word-wrap:break-word;
  div我们大家都熟悉,可以填充文字或其它元素,但文字放在div中时,往往不能保持原有格式,比如空格,回车等。
  pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
  pre标签的一个常见应用就是用来表示计算机的源代码。
  可以导致段落断开的标签(例如标题、p和address标签)绝不能包含在pre所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。
  pre元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如a标签)放到pre块中时,就像放在HTML/XHTML文档的其他部分中一样即可。
以上是“html网页中的文字如何设置自动换行”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注云技术行业资讯频道!

相关推荐: div css最后一排文字显示不全怎么解决

这篇文章主要讲解了“div css最后一排文字显示不全怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“div css最后一排文字显示不全怎么解决”吧! 在机关中屡屡涌现最后1排或多排翰墨超出DIV边框体现…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册