文章詳情頁
怎么在flex里面實現圖片的3D翻轉
瀏覽:207日期:2024-05-26 18:48:33
問題描述
在移動端的web想使用flex來進行布局,布局成4x4的,也就是把子元素的寬度設置為25%子元素是圖片,圖片分正反兩面,點擊的話會進行3D翻轉現在主流的做法是這樣的 查看但是問題來了,這里面使用了position: absolute;這種屬性導致的問題是,無法讓圖片進行正常的布局,不設置這個圖片的高度的話就沒有高度,設置了的話就不會自動收縮布局了
問題解答
回答1:建議將兩張圖片放到一個容器里進行操作吧。將容器的flex值設為1來進行布局。給圖片設置position:absolute的話flex就沒有意義了吧。
相關文章:
1. javascript - sublime快鍵鍵問題2. javascript - 移動端上不能實現拖拽布局嗎?3. 實現bing搜索工具urlAPI提交4. javascript - 如何判斷不同兩個對象觸發同一事件?5. ubuntu - apache安裝好后php文件放在哪里?6. javascript - react native在run-android時出現這個錯誤該怎么解決?大神賜教7. angular.js - 單頁應用(ng/vue)該如何監聽用戶離開當前頁面(或者路由)?8. c++ - QWebEngineView加載url后直接點擊鏈接沒有反應要怎么解決?9. 前端 - 這段代碼一直生效不了,查半天因為 top: 0px; 分號后一個隱藏的東西,也不是占位符...刪了就可以生效,這是什么情況。。10. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙
排行榜

網公網安備