css解决纯数字或字母不自动换行、单行多行省略

222 阅读1分钟

多行省略

  // css解决纯数字或字母不自动换行
    word-break: break-all;
    // 多行字体省略号样式
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3; //在第几行显示...
    display: -webkit-box;
    -webkit-box-orient: vertical;

单行省略

    word-break: break-all; // css解决纯数字或字母不自动换行
    white-space: nowrap; //文字不换行
    overflow: hidden; //溢出隐藏
    text-overflow: ellipsis; //显示省略符号来代表被修剪的文本。