怎么在flex里面實現圖片的3D翻轉?
在移動端的web想使用flex來進行布局,布局成4x4的,也就是把子元素的寬度設置為25%
子元素是圖片,圖片分正反兩面,點擊的話會進行3D翻轉
現在主流的做法是這樣的 查看
但是問題來了,這里面使用了p<愛尬聊_尬聊百科>osition: absolute;
這種屬性
導致的問題是,無法讓圖片進行正常的布局,不設置這個圖片的高度的話就沒有高度,設置了的話就不會自動收縮布局了
fygjh 2022-06-09 10:06
建議將兩張圖片放到一個容器里進行操作吧。將容器的flex值設為1來進行布局。給圖片設置position:absolute的話flex就沒有意義了吧。