資訊專欄INFORMATION COLUMN
摘要：文字顯示省略號但是這個屬性只支持單行文本的溢出顯示省略號，如果我們要實現多行文本溢出顯示省略號呢。
文字顯示省略號
width: 4.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
?
但是這個屬性只支持單行文本的溢出顯示省略號，如果我們要實現多行文本溢出顯示省略號呢。?
實現方式如下
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1695.html
摘要：前言項目中我們經常遇到這種需求，需要對單行多行文本超出顯示為省略號。單行文本省略文本溢出顯示省略號文本不會換行語法默認值適用于所有元素當對象內文本溢出時不顯示省略標記，而是將溢出的部分裁切掉。 前言：項目中我們經常遇到這種需求，需要對單行、多行文本超出顯示為省略號。這篇文章主要總結了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...
摘要：前言項目中我們經常遇到這種需求，需要對單行多行文本超出顯示為省略號。單行文本省略文本溢出顯示省略號文本不會換行語法默認值適用于所有元素當對象內文本溢出時不顯示省略標記，而是將溢出的部分裁切掉。 前言：項目中我們經常遇到這種需求，需要對單行、多行文本超出顯示為省略號。這篇文章主要總結了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...
摘要：前言項目中我們經常遇到這種需求，需要對單行多行文本超出顯示為省略號。單行文本省略文本溢出顯示省略號文本不會換行語法默認值適用于所有元素當對象內文本溢出時不顯示省略標記，而是將溢出的部分裁切掉。 前言：項目中我們經常遇到這種需求，需要對單行、多行文本超出顯示為省略號。這篇文章主要總結了小編解決此問題的方法，有不足之處歡迎大家指正。 單行文本省略 showImg(https://segme...
摘要：單行文本溢出顯示省略號需要對容器設置單行高度多行文本溢出顯示省略號瀏覽器或移動端的頁面在瀏覽器或移動端絕大部分是內核的瀏覽器可以直接使用的擴展屬性是私有屬性注意這是一個不規范的屬性，它沒有在的規范草案中用來限制在一個塊元素顯 單行文本溢出顯示省略號 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; （需要對容器設置...
閱讀 3243·2021-11-24 10:43
閱讀 4205·2021-11-24 10:33
閱讀 3782·2021-11-22 09:34
閱讀 2134·2021-10-11 10:58
閱讀 3754·2021-10-11 10:58
閱讀 866·2021-09-27 13:36
閱讀 3585·2019-08-30 15:54
閱讀 2974·2019-08-29 18:41
