首页 > 代码库 > css之单行缩略..以及多行缩略

css之单行缩略..以及多行缩略

html单行缩略方法

.oneline {    white-space: nowrap; //强制文本在一行内输出    overflow: hidden; //隐藏溢出部分    text-overflow: ellipsis; //对溢出部分加上...}

html多行缩略(主要针对webkit内核)

.multiline {    display: -webkit-box !important;    overflow: hidden;        text-overflow: ellipsis;    word-break: break-all;        -webkit-box-orient: vertical;    -webkit-line-clamp: 2;}

 

.oneline {    white-space: nowrap; //强制文本在一行内输出    overflow: hidden; //隐藏溢出部分    text-overflow: ellipsis; //对溢出部分加上...}

css之单行缩略..以及多行缩略