css文本超出省略
2021-01-23 12:15
标签：gre ati class span width 超出 lamp for web 一、单行 二、多行 1、私有属性 2、:before和:after css文本超出省略 标签：gre ati class span width 超出 lamp for web 原文地址：https://www.cnblogs.com/linding/p/13278656.html.div {
background-color: green;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.div {
background-color: green;
width: 100px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.div {
background-color: green;
width: 100px;
height: 63px;
position: relative;
overflow: hidden;
text-align: justify;
}
.div:before {
content: "...";
background-color: green;
width: 18px;
height: 21px;
position: absolute;
right: 0;
bottom: 0;
}
.div:after {
content: "";
background-color: green;
width: 18px;
height: 63px;
position: absolute;
right: 0;
}