文章詳情頁
怎么在flex里面實現圖片的3D翻轉
瀏覽:102日期:2024-05-26 18:48:33
問題描述
在移動端的web想使用flex來進行布局,布局成4x4的,也就是把子元素的寬度設置為25%子元素是圖片,圖片分正反兩面,點擊的話會進行3D翻轉現在主流的做法是這樣的 查看但是問題來了,這里面使用了position: absolute;這種屬性導致的問題是,無法讓圖片進行正常的布局,不設置這個圖片的高度的話就沒有高度,設置了的話就不會自動收縮布局了
問題解答
回答1:建議將兩張圖片放到一個容器里進行操作吧。將容器的flex值設為1來進行布局。給圖片設置position:absolute的話flex就沒有意義了吧。
相關文章:
1. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處2. javascript - ios返回不執行js怎么解決?3. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題4. 視頻文件不能播放,怎么辦?5. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?6. html5 - HTML代碼中的文字亂碼是怎么回事?7. javascript - 求幫助 , ATOM不顯示界面!!!!8. mysql 查詢身份證號字段值有效的數據9. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示10. javascript - 為什么在谷歌控制臺 輸出1的時候,輸出的1立馬就不見了
排行榜
