小程序設置文字單行多行超出省略顯示
我在開發小程序的時候經常遇到這么一個需求就是文字超出范圍后自動省略不顯示！那么該如何設置呢？下面小編就將方法分享給大家，供大家參考學習！
東西/原料
- 電腦：win7，64位
- 軟件應用：微信開辟者東西
方式/步調
- 1
和日常工作一樣啦，起首打開【開辟東西】
- 2
打開辟開東西后，新建一個頁面并建立兩段文字（這里是便利演示，大師忽略！）
- 3
打開CSS文件設置單行省略結果！
代碼：
.demo1 {
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
- 4
設置多行省略結果！
代碼：
.demo2 {
width: 100%;
display: -webkit-box;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
- 5
最好我們來看看整體結果吧
END
注重事項
- tips1：為了賜顧幫襯到更多的人寫的比力具體，大神請直接看步調三，步調四！
- tips2：本教程由小編原創，有什么不大白的可以留言評論！感覺不錯就給小編點贊！
- 發表于 2020-03-20 17:00
- 閱讀 ( 1386 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章