文本超出显示省略号/数字字母折行有关css 属性

文本超出显示省略号:

    定容器宽度

    overflow: hidden;

    text-overflow: ellipsis; 文本超出显示省略号

    white-space:nowrap;  强制文本不换行

 

折行

    word-break:break-all;  英文单词会分开折行

    word-wrap:break-word; 英文单词完整处折行

令拓展:

    word-spacing :5px;  单词/字符之间间隔距离

  white-space是字符是否换行显示的。

相关文章