css中中英文换行,超出省略

1.word-wrap:
    a.normal 在半角空格或连字符的地方进行换行
    b.break-word 不截断英文单词换行
2.word-break:
    a.normal 中文到边界上的汉字换行,英文从整个单词换行
    b.break-all 强行截断英文单词换行
    c.keep-all 不允许字断开
3.white-space:
    a.normal 默认值
    b.pre 文本空白处会被浏览器扣留
    c.nowrap 文本会在同行上直到遇到换行符
    d.pre-line 合并空白符序列,保留换行符
    e.pre-wrap 保留空白符序列,正常进行换行

 

    f.inherit 继承父元素的while-space属性

 

遇到的问题:

在table的td中要求按着逗号进行换行

css中中英文换行,超出省略_第1张图片

word- break:break-all:只对英文起作用,以字母作为换行依据

word-wrap:break-word:只对英文起作用,以单词作为换行依据

white-space:pre-wrap:只对中文起作用,强制换行

white-space:nowrap:强制不换行,都起作用

white-space:nowrap;oveflow:hidden;text-overflow:ellipsis:不换行,超出部分隐藏且以省略号形式出现

你可能感兴趣的:(html)