前提要求事,div必须限制了宽度,高度需要使用 height 和 line-height 进行配合,才能先实现,超出的部分会隐藏的能力。
单行显示
overflow:hidden;/*对超出容器的部分强制截取,高度不确定则换行*/ text-overflow:ellipsis;/*显示省略符号来代表被修剪的文本。*/ white-space:nowrap;/*禁止换行*/
多行显示
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2;/*限制行数为2行*/ line-clamp: 2;/*限制行数为2行*/