一、單行文本的溢出顯示省略
用text-overflow:ellipsis屬性日熬。
#div1 {
//關(guān)鍵代碼
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
height: 100px;
background-color: #ef0;
}
二、多行文本的溢出顯示省略
#div2 {
//關(guān)鍵代碼
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow: hidden;
line-height: 20px;
width: 200px;
height: 60px; //這里的高度為行數(shù)*行高肾胯；3*20竖席；
background-color: #fdd;
}
