静态页面 P标签溢出隐藏

单行溢出省略号

.ohen {
    //隐藏文字宽度
    width: 250px;
    //溢出隐藏
    overflow: hidden;
    //隐藏部分显示为省略号
    text-overflow: ellipsis;
    //禁止文本自动换行
    white-space: nowrap
}

text-overflow属性

| clip |         修剪文本。
| ellipsis |     显示省略符号来代表被修剪的文本。
| *string* |     使用给定的字符串来代表被修剪的文本。 |

多行溢出隐藏

.owen {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    //隐藏行数
    -webkit-line-clamp: 4;
    overflow: hidden;
}