使用word-break属性的方法

小编给大家分享一下使用word-break属性的方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

长春网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联从2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

word-break属性用于指定非CJK(中日韩)脚本的断行规则,规定了自动换行的处理方法。通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。

CSS3  word-break属性

作用:word-break 属性规定自动换行的处理方法。

提示:通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。

语法:

word-break: normal|break-all|keep-all;

normal:使用浏览器默认的换行规则。

break-all:允许在单词内换行。

keep-all:只能在半角空格或连字符处换行。

注:所有主流浏览器都支持 word-break 属性。但 Opera 不支持 word-break 属性。

CSS3  word-break属性的使用示例







This is a veryveryveryveryveryveryveryveryveryvery long paragraph.

This is a veryveryveryveryveryveryveryveryveryvery long paragraph.

This paragraph contains some text: The lines will break at any character.

This paragraph contains some text: The lines will break at any character.

效果图:

使用word-break属性的方法

看完了这篇文章,相信你对使用word-break属性的方法有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


文章标题:使用word-break属性的方法
标题网址:http://scyanting.com/article/piesej.html