单行文本，多行文本溢出显示省略号

text-overflow : clip | ellipsis
clip 不显示省略标记，而是简单的裁切
ellipsis 当对象内文本溢出时显示省略标记（ff中没有效果）

white-space:norwap 强制文本在一行内显示

overflow:hidden 溢出内容为隐藏

单行文本溢出显示省略号
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

多行文本溢出显示省略号
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容