大家好，又见面了，我是你们的朋友全栈君。
word-break 属性规定自动换行的处理方法。
提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。所有主流浏览器都支持 word-break 属性。
语法：word-break: normal | break-all | keep-all ;
normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。
word-break:break-all 所有的都换行，右侧换行没有空隙。
word-wrap 属性允许长单词或 URL 地址换行到下一行。
提示：所有主流浏览器都支持 word-wrap 属性。
语法： word-wrap: normal | break-word ;
normal 只在允许的断字点换行（浏览器保持默认处理）。 break-word 在长单词或 URL 地址内部进行换行。
word-wrap:break-word 如果这一行文字有可以换行的点，如空格、单词或字符，让这些换行点换行，这种换行会出现不对齐，右侧空白的情况。
overflow-wrap 设置或检索当内容超过指定容器的边界时是否断行。
说明： CSS3中将 <’ word-wrap ‘> 改名为 <’ overflow-wrap ‘>；浏览器支持情况：Chrome（23.0 ）、Safari（6.1 ）、Opera（15.0 ）、iOS Safari（7.0 ）、 Android Browser（4.4.0 ）、Android Chrome（22.0 ）
由于历史原因，当你使用 <’ overflow-wrap ‘> 时，最好同时使用 <’ word-wrap ‘> 作为备选，作向前兼容。 对应的脚本特性为overflowWrap。
语法：overflow-wrap：normal | break-word
normal：允许内容顶开或溢出指定的容器边界。 break-word：内容将在边界内换行。如果需要，单词内部允许断行。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/226204.html原文链接：https://javaforall.cn
