简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

CSS3多行显示省略号._html/css_WEB-ITnose

WBOY
發布： 2016-06-24 11:42:32
原創
886 人瀏覽過

不用js也能控制第让他控制第几行省略：

<span style="font-size:18px;color:#999999;">text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;</span>
登入後複製


相關標籤：
CSS3多行显示省略号.
來源：php.cn
上一篇：背景图片满屏显示_html/css_WEB-ITnose 下一篇：CSS3系列二（媒体支持、文字与字体相关样式、盒相关样式）_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何使用文字溢出防止斷字 我正在嘗試為某些標題設定最大行數，但問題是有時一行會以斷詞結尾。我需要的是，如果一個單字必須被打破，它應該被完全隱藏，並且省略號放在前一個單字之後。此程式碼顯示了問題：#head{...
來自於 2023-09-03 15:00:49
0
1
287
如何在小螢幕上隱藏標籤？ 我有一個帶有標籤和圖標的antd菜單。這是設計的最小表示。 Codesandbox現在我想要的是當選單開始顯示省略號時隱藏標籤，只顯示圖示。由於我對CSS不太熟悉，我想知道是否可以...
來自於 2023-08-17 12:53:57
0
1
330
為何在為最末一欄新增類別時圖片和動畫會消失？ 我正在嘗試在一個無限循環中對6個圖像進行動畫。當我新增第6個圖像並且新增「poster」類別時，沒有任何圖像顯示，但是如果我省略將「poster」類別新增到第6列（或圖像），前5個...
來自於 2023-08-15 11:29:09
0
1
196
javascript - Vue中使用Element UI table 時遇到的顯示問題 需求：n行3列的表格，第一列為序號，第二列為類型，第三列為縮圖。後台傳來的資料如下：前端程式碼： 頁面變成了這樣： 我怎麼才能拿到url的地址呢 ，我想把地址寫給img標籤中的sr...
來自於 2017-06-28 09:28:08
0
1
723
javascript - webpack2怎麼打包才能把es6全部都轉成es5? webpack2 打包姿勢可能沒對，轉碼相容性不是很好，下面是我的webpack.config.js設定檔(省略了一些無關緊要的): {程式碼...} 在華為p7手機上運行，控制台...
來自於 2017-06-26 10:57:28
0
1
737
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！