css樣式使文字多餘部分以省略號...顯示

css樣式使文字多餘部分以省略號...顯示

單行文本:

要添加的代碼1:

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

效果圖1:

image-20201125192210638

多行文本:

要添加的代碼:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;	

效果圖2:

image-20201125192018667

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章