html网页中的文字如何设置自动换行-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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://kswsj.cn/article/gpopde.html

其他资讯