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