文章詳情頁
怎么在flex里面實現(xiàn)圖片的3D翻轉(zhuǎn)
瀏覽：118日期：2024-05-26 18:48:33
問題描述
在移動端的web想使用flex來進(jìn)行布局，布局成4x4的，也就是把子元素的寬度設(shè)置為25%子元素是圖片，圖片分正反兩面，點擊的話會進(jìn)行3D翻轉(zhuǎn)現(xiàn)在主流的做法是這樣的 查看但是問題來了，這里面使用了position: absolute;這種屬性導(dǎo)致的問題是，無法讓圖片進(jìn)行正常的布局，不設(shè)置這個圖片的高度的話就沒有高度，設(shè)置了的話就不會自動收縮布局了
問題解答
回答1：建議將兩張圖片放到一個容器里進(jìn)行操作吧。將容器的flex值設(shè)為1來進(jìn)行布局。給圖片設(shè)置position：absolute的話flex就沒有意義了吧。
相關(guān)文章：
1. javascript - dropload+tab頁面，圖文頁滾動有兩個滾動區(qū)域怎么破？2. html5 - 百度echart官網(wǎng)下載的地圖json數(shù)據(jù)亂碼3. Python中使用超長的List導(dǎo)致內(nèi)存占用過大4. 文本處理 - 求教使用python庫提取pdf的方法？5. pdo - mysql 簡單注入疑問6. 谷歌訪問助手安裝不了7. python - 如何用pandas處理分鐘數(shù)據(jù)變成小時線？8. windows-7 - Win7中Vmware Workstatoin與Xampp中Apache服務(wù)器端口沖突？9. 雙擊安裝程序，安裝不了10. javascript - JS中如何實現(xiàn) DIV內(nèi)部和鼠標(biāo)的距離
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備