white-space word-break word-wrap 区别

Posted 2021-01-04 amy2017

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了white-space word-break word-wrap 区别相关的知识，希望对你有一定的参考价值。

white-space

用于处理空格、回车

可取值：nowrap、normal

nowrap:不会折行

normal:空格忽略，默认值

常用省略号

.classEllipsis{   
        text-overflow:ellipsis;
        white-space:normal;
        overflow:hidden;
}

word-break

词内换行

可取值：break-word、break-all、normal

break-word:单词换行

break-all:所有都不换行（按照宽度自动换行）

注：只有设置 white-space:normal 本样式才起作用

以上是关于white-space word-break word-wrap 区别的主要内容，如果未能解决你的问题，请参考以下文章