在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  Python  HTML/ 如何實現(xiàn)超過指定行隱藏并顯示展開全部

如何實現(xiàn)超過指定行隱藏并顯示展開全部

想要實現(xiàn)下圖中的效果:圖片描述

有多個標簽,每個標簽的長度不一樣,它們自由排開,當排列超過兩行時,自動隱藏剩下的,這個時候還要顯示展開按鈕。

我知道如何超過兩行隱藏剩下的,但是要怎么判斷這些標簽有沒有超過兩行呢?

某一行可能會因為剩下的位置不夠下一個標簽填充而空出大量位置,總之這種自由排列不好通過字數(shù)去判斷排列行數(shù),尋求一些建議!

回答
編輯回答
若相惜

如果每行高度可控的話,我的想法是通過判斷2行的高度來確定是否顯示展開按鈕。
思路就是
1、設(shè)置父元素高度為2行的高度,子元素超出的部分用overflow:hidden來隱藏。
2、通過判斷子元素的高度是否大于兩行的高度來控制是否顯示展開按鈕。
在線demo

2017年7月23日 01:01
編輯回答
耍太極

想到一個比較蠢點的做法,循環(huán)去掉最后一個標簽,直到父元素高度小于指定高度

2017年10月18日 18:08
編輯回答
淺時光

首先,標簽的選擇不應(yīng)該是隨機的,而是選的比較多的,所以這里并不太需要你去湊對齊。

其次,這里必須從產(chǎn)品運營角度上誘導(dǎo)用戶選擇2~4個字的標簽,不然用戶隨便輸入個幾十個字的一樣要掛。

在此基礎(chǔ)上,你就只需要顯示兩行標簽,然后控制 overflow:hidden 顯示剩下的即可。

2017年12月14日 18:34