网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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

这篇文章主要介绍html网页中的文字如何设置自动换行,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

为富裕等地区用户提供了全套网页设计制作服务,及富裕网站建设行业解决方案。主营业务为成都网站设计、成都网站建设、富裕网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

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

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

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

使用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网页中的文字如何设置自动换行”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站题目:html网页中的文字如何设置自动换行
分享链接:http://bjjierui.cn/article/gpopde.html

其他资讯