『總結』CSS/CSS3常用樣式與web移動端資源

caoym 發布于2019-08-29 13:24 / 1025人閱讀

摘要：常用樣式強制文本顯示單行顯示語法讓一段文字在固定寬度在一行顯示，最后一個字符為省略標記，樣式如下多行文本最后省略號這里用到了文本溢出顯示省略號的，即設置溢出文本顯示為省略標記語法新增加的表示直接裁切溢出的文本表

css/css3常用樣式 強制文本顯示

單行顯示語法：white-space:nowrap;
讓一段文字在固定寬度在一行顯示，最后一個字符為省略標記(...)，css樣式如下

div{
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

多行文本最后省略號：

div{
  display: -webkit-box; 
  -webkit-line-clamp:2;
  overflow: hidden; 
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

這里用到了文本溢出顯示省略號的，即設置溢出文本顯示為省略標記：

語法：text-overflow:text-overflow:clip | ellipsis | ellipsis-word（css3新增加的）;

clip：表示直接裁切溢出的文本；

ellipsis：表示文本溢出時，顯示省略標記(...)，省略標記代替最后一個字符；

ellipsis-word：表示文本溢出時，也是顯示省略標記(...),不同的是，省略標記代替的是最后一個詞)

陸續添加用到的內容...

GPU云服務器云服務器移動端web web移動端布局 web移動端開發移動端web前端框架

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112575.html

[總結]CSS/CSS3常用樣式與web移動端資源

摘要：不允許負值用百分比來定義縮放比例。解決這個很簡單，在父元素中使用即可解決該。列寬度由單元格內容設定。定義僅有大寫字母。不過，要讓任何元素生效還得借助于一點點。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼：第一段文字選中效果第二段文字選中效果 css代碼： .p1::selection{background:red;color:#fff;} .p2::selec...

The question 2019-08-28 17:54 評論0 收藏0
css - 收藏集 - 掘金

摘要：絕對底部前端掘金來自國外的設計達人，純，可以實現當正文內容很少時，底部位于窗口最下面。有效解決圖片使用單位邊角缺失的問題前端掘金起因在移動端使用布局時圖片也需要用單位。 CSS 絕對底部 - 前端 - 掘金來自國外的設計達人，純CSS，可以實現: 當正文內容很少時，底部位于窗口最下面。當改變窗口高度時，不會出現重疊問題。甚至，創造該CSS的人還專門成立一個網站介紹這個CSS底部布局方案...

phpmatt 2019-08-29 12:41 評論0 收藏0
FED之必備技能 - 收藏集 - 掘金

摘要：收藏優秀組件庫合集前端掘金開源的優秀組件庫合集教你如何在應用程序中使用本地文件上傳圖片前端掘金使用在中添加到的，現在可以讓內容要求用戶選擇本地文件，然后讀取這些文件的內容。『收藏』VUE 優秀 UI 組件庫合集 - 前端 - 掘金github 開源的 Vue 優秀 UI 組件庫合集?... 教你如何在 web 應用程序中使用本地文件?上傳圖片file? - 前端 - 掘金使用在HTM...

lyning 2019-08-01 16:55 評論0 收藏0