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 本样式才起作用

  

 

posted @   嘉儿2017  阅读(149)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示