好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

word-break

CSS word-break 属性用于指定如何在一个单词内进行断行。

默认情况下,容器中的一行文本如果非常的长,在文本到达容器的边部时,如果容不下整个单词,则从这个单词开始的剩余文字会被断行到下一行显示。通过将 word-break 属性设置为 break-all ,浏览器会对单词进行断行。也就是说,某个到达容器边界的单词,超出容器部分的字母会被断行到下一行显示,而没有超出的部分仍然会显示在上一行中。

如果容器中的文字使用了 :justify 属性,那么在这些文字上使用 word-break: break-all 是没有效果的。

word-break 属性对于中文、日文、韩文无效。

官方语法
word-break: normal | break-all | keep-all

参数:

normal :使用浏览器默认的断行规则。 break-all :指定文本可在任意字符间进行断行。non-CJK文本(中文、日文、韩文)无效。 keep-all :不对单词进行断行。对于non-CJK文本(中文、日文、韩文)表现如同 normal 。

word-break 属性的初始值为 normal 。

应用范围

word-break 属性可以应用所有元素上。

示例代码
word-break: normal 
word-break: break-all 
word-break: keep-all
浏览器支持

CSS3 word-break 属性的浏览器兼容性列表如下:

支持css3 word-break属性的浏览器兼容性列表

查看更多关于word-break的详细内容...

  阅读:81次

上一篇: word-spacing

下一篇:width

CopyRight:2016-2025好得很程序员自学网 备案ICP:湘ICP备09009000号-16 http://haodehen.cn
本站资讯不构成任何建议,仅限于个人分享,参考须谨慎!
本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
本网站刊载的所有内容(包括但不仅限文字、图片、LOGO、音频、视频、软件、程序等)版权归原作者所有。任何单位或个人认为本网站中的内容可能涉嫌侵犯其知识产权或存在不实内容时,请及时通知本站,予以删除。

网站内容来源于网络分享,如有侵权发邮箱到:kenbest@126.com,收到邮件我们会即时下线处理。
网站框架支持:HDHCMS   51LA统计 百度统计
Copyright © 2018-2025 「好得很程序员自学网
[ SiteMap ]