css限定显示信息篇幅,文本长短超过一部分用省

2021-03-26 05:08 jianzhan
以便确保网页页面的干净整洁美观大方,在许多的情况下,大家常必须掩藏超过长短的文本。这在目录内容,题型,名字等地区常见到。
(1).文本超过一行,省去超过一部分,显示信息'...'
假如这类状况较为多,能够取一个紧密结合功效的类名用以重复使用。
.line-limit-length {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; //文字不换行,那样超过一行的一部分被提取,显示信息...
}
div >
.product-buyer-name {

max-width: 110px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}拷贝编码