如何優雅的限制文字顯示

2021-10-07 11:12:26 字數 772 閱讀 2164

lang

="en"

>

>

charset

="utf-8"

>

>

documenttitle

>

>

*body

lispan

style

>

head

>

>

>

>

文字內容文字內容文字內容文字內容文字內容li

>

>

文字內容文字內容文字內容文字內容文字內容li

>

>

其實寫多少都無所謂,我只能看到這麼多,就這麼多,反正不可以再多了span

>

ul>

body

>

html

>

這種樣式效果很簡單,關鍵的樣式主要有

white-space

: nowrap;

/*1.強制在同一行內顯示所有文字,直到文字結束或者遭遇br標籤物件才換行*/

overflow

: hidden;

/* 2. 超出的部分 隱藏 */

text-overflow

: ellipsis;

/* 3. 溢位的部分用省略號替代 */

當然得是在限制了寬高這一類情況使用是最為合理的

如何優雅的控制文字顯示行數

如何簡單有效的隱藏超出長度的多行文字呢?曾經覺得只能通過指令碼輔以配置才能比較完美的解決這個問題,這兩天才發現原來webkit瀏覽器中已經有完美的解決方案了。這篇文章介紹了隱藏多行文字的幾種方式。下面介紹下webkit瀏覽器中純css的解決方案。line clamplook,就這麼簡單。webkit...

前端如何優雅地顯示 JSON

json.cn 是我們開發過程中,經常用來格式化顯示json字串的工具 那麼如何在自己編寫的前端介面顯示同樣風格的 格式化之後json字串呢?網上流傳的版本顯示出來效果並不盡如人意,因此小改了一下。pre csspre string number boolean null key jssyntaxh...

Android中如何優雅的顯示載入介面

github位址 gradle 專案gradle中 allprojects 模組gradle中 implementation com.github.goodluck028 showloading 1.0.3 使用方法 activity loadingshow.with mainactivity.th...