[css] word-wrap、word-break和white-space有什么区别？

[css] word-wrap、word-break和white-space有什么区别？

    word-wrap
    标明是否允许浏览器再单词内进行断句
    normal 只允许在断字点换行 默认值
    break-word 在长单词或这url地址内部进行换行

    word-break
    标明怎么样进行单词内的断句
    normal 默认值
    break-all 允许在单词内换行
    keep-all 只能在半角空格或字符串处换行

3.white-space
属性设置如何处理元素内的空白
normal 默认值
pre 空包会被浏览器保存
nowrap 文本不会换行，在同一行显示，知道遇到br标签为止
pre-wrap 保留空白序列，会正常的换行
pre-line 合并空白序列，会保留换行符
inherit 应该从父元素继承white-space属性的值

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题