在不同螢幕大小的手機上,如何保持文字超出兩行,則顯示省略號?

時間 2021-06-06 10:04:51

1樓:jonathan lau

目前覺得沒有乙個最優的方案,要麼就是僅對webkit支援,對ie支援不好,而且有時候只能處理固定大小的元素內容作處理,如果將容器變大,則還是不能達到預期可縮可放的目的

2樓:小兵

overflow: hidden;

text-overflow: ellipsis;

display: box;

display: -webkit-box;

line-clamp: 2;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

3樓:Hank li

CSS3的方法可以,手機應該支援。

設定文字框為兩行文字高度,然後設定樣式:

overflow:hidden;text-overflow:ellipsis;white-space: nowrap;

4樓:

用過很笨的方法,判斷高度,超過了就減乙個字,還是超過,再減乙個字,直到減的不超過為止,然後再減3個字,加上「...」,搞定。。。

用過乙個外掛程式叫dotdotdot,可以幫你幹這事。。。

當時研究過,沒有發現非常優美的方案。(純CSS)

5樓:趙嘉楠

貌似需要指令碼和樣式的支援

自動換行可以使用word-wrap:break-word實現,超出加…可能需要使用指令碼進行控制

text-overflow:ellipsis可以實現超出的內容自動加上…

text-overflow:ellipsis不能和word-brek同時作用,兩個都設定後text-overflow會使用預設值clip

本人使用的是火狐和chrome進行的測試,關於兩個屬性能否同時作用,在新的瀏覽器上有待測試

手機上的GPS在飛機上不能正常使用?

kimi 榮耀10也存在飛機離地以後無法定位的問題,但是很多手機都可以,甚至更老的smartisan都可以全程定位,最好是坐在離機窗更近的位置 如約錯失 先說一下結論,訊號是一定存在的,之所以檢無法使用,最大可能是由於都卜勒頻移過大,所以無法檢測到 沒錢實驗飛機,不過高鐵上有類似的情況 都卜勒頻移簡...

1 pt 的圖形大小與其在螢幕上顯示出的大小之間有什麼關係?

Jakit 我覺得上面的說法都是有問題的,不嚴謹的!首先,所有的顯示器都有點距 排列等物理因素,所以成像效果有區別,然後,所有顯示器出廠都有預設的解析度,然後通過EDID傳給計算機,然後計算機預設自動給你分配這個DisplaySize最適合的原始解析度。這就是 滇狐 回答的部分 然後,梁海說的 Wi...

關於手機螢幕大小的發展,目前來看是不是過頭了?未來會不會有縮小的趨勢

fzzz 短期內不會,除非有科技的重大變化。其實單純看螢幕尺寸是不對的。你別看現在是部手機就有6寸螢幕。實際上手機整體尺寸並沒有比當時5寸5.5寸的大多少。是因為全面屏的發展。目前這個手機尺寸是大部分人都能接受的,所以不管是之前的5寸還是現在的6寸螢幕,機身大小差不多都這樣。 嗚嗚啦啦啦 現在手機變...