vue專案中超出部分省略號顯示不生效問題

2021-10-17 14:57:56 字數 637 閱讀 6280

今天要被分配解決之前專案中的乙個問題,說來簡單,很簡單,特別簡單,,,文字兩行顯示,超出部分省略號即可,簡單的css**

.text
but,就是不起作用,沒有效果,捉急。。。

一番搜查。。。。

在瀏覽器中檢查發現 -webkit-box-orient: vertical; 並沒有生效,各種bd後找到解決方法,

在 package.json 中修改(沒有就新增) browserslist

"browserslist":[

"> 1%",

"last 2 versions",

"last 10 chrome versions",

"last 5 firefox versions",

"safari >= 6",

"ie > 8"

]

browserslist:說明這個專案的瀏覽器相容情況。例如,last 2 verions :表示相容每個瀏覽器的最後兩個版本。也能根據提供的目標瀏覽器的環境來,智慧型新增css字首,js的polyfill墊片,來相容舊版本瀏覽器,而不是一股腦的新增。避免不必要的相容**,以提高**的編譯質量

超出部分省略號

單行省略 overflow hidden text overflow ellipsis white space nowrap 多行省略 display webkit box webkit box orient vertical webkit line clamp 3 overflow hidden ...

css超出部分省略號

本文 如果實現單行文字的溢位顯示省略號同學們應該都知道用text overflow ellipsis屬性來,當然還需要加寬度width屬來相容部分瀏覽。p效果如下 你好 單行省略號測試,省略部分 p效果如下 你好 單行省略號測試,省.略部分呢,測測測測測測測測 試測試測試測試測試試試 因使用了web...

CSS超出部分省略號

1,單行文字實現超出部分省略號 overflow hidden 超出的文字隱藏 text overflow ellipsis 溢位用省略號顯示 white space nowrap 溢位不換行 2,多行文字實現超出部分省略號 overflow hidden text overflow ellipsi...