關於字數太多直接變成省略號的方法css

2022-07-25 12:27:09 字數 658 閱讀 2461

文字超出限制的寬度自動隱藏,並且變為省略號 

這是之前寫的,現在要做乙個兩行的

於是,我就變成了搬運工:○( ^皿^)っhiahiahia…

這是我寫的

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

這四行**太厲害了

趕緊記錄下來

clamp 後面寫幾行就跟表明你想幾行後超出的部分進行省略號;

js控制文字顯示的字數,超出顯示省略號

在css中我們說了用css控制文字顯示幾行,超出用省略號,但這個辦法是要完全佔滿一整行的,偏偏就是有ui設計師就不這麼幹,是不是很想打他,哈哈哈,我不會的時候都這樣子在心裡罵設計師的,這麼久那麼愛搞特殊呢,罵完就還是好好幹活吧,他們奇特的想法,最終只會促使我們進步而已啦!回歸正題,看結果圖說話。注意...

關於Firefox下擷取後省略號的問題

今天在用到text overflow的ellipsis屬性得時候,突然發現原來ff下是沒有省略號得 才發現,汗 不想把這個問題交給後台或者用js來做了,於是找了個折中的辦法,就是 after偽類來模擬ff下的省略號。具體做法就是給content乙個 的值,然後hack解決寬度問題,這樣看起來就舒服一...

將td中文字過長的部分變成省略號顯示的小技巧

最近的做的乙個小專案需要用到就總結一下寫了下來 首先設定 的樣式tdchzsfuycbabl程式設計客棧e layouwww.cppcns.comt fix程式設計客棧ed 再設定 的寬度 這步必須 最後再設定td樣式的www.cppcns.com三個必要屬性 複製 如下 text overflow...