怎么在flex里面實(shí)現(xiàn)圖片的3D翻轉(zhuǎn) 財(cái)富值34

科技 未結(jié) 1 1645
larsar
larsar 2022-08-26 19:55

在移動(dòng)端的web想使用flex來進(jìn)行布局,布局成4x4的,也就是把子元素的寬度設(shè)置為25%
子元素是圖片,圖片分正反兩面,點(diǎn)擊的話會(huì)進(jìn)行3D翻轉(zhuǎn)
現(xiàn)在主流的做法是這樣的 查看
但是問題來了,這里面使用了position: absolute;這種屬性
導(dǎo)致的問題是,無法讓圖片進(jìn)行正常的布局,不設(shè)置這個(gè)圖片的高度的話就沒有高度,設(shè)置了的話就不會(huì)自動(dòng)收縮布局了

相關(guān)標(biāo)簽:
1條回答
  • 2022-08-26 20:36

    建議將兩張圖片放到一個(gè)容器里進(jìn)行操作吧。將容器的flex值設(shè)為1來進(jìn)行布局。給圖片設(shè)置position:absolute的話flex就沒有意義了吧。

    0 討論(0)
提交回復(fù)
最新問題
hk1 box無故重啟 1
治女性不孕哪里好 1
什么機(jī)頂盒可以玩和平精英 1
檢查不孕項(xiàng)目費(fèi)用 1
長(zhǎng)虹中學(xué)2022年普高率 1
風(fēng)行電視卡在開機(jī)畫面一直不動(dòng)了如何辦? 1
去醫(yī)院怎么檢查輸卵管堵 1
2021騏達(dá)音響什么牌子 1
海信crf6a16電視型號(hào) 1
有沒有能長(zhǎng)期穩(wěn)定除醛的好辦法?海信中央空調(diào)除醛效果理想嗎... 1
猜你喜歡
宮外孕后試管檢查多少錢
三亞私人機(jī)構(gòu)試管哪家比較好?附詳細(xì)步驟費(fèi)用!
試管移植26天乳頭顏色變很淺是流產(chǎn)嗎,錢都花哪兒了!
寧夏三代試管的費(fèi)用?程費(fèi)用詳解!
周口做試管3代費(fèi)用詳情介紹
上海試管嬰兒一次流程需要花費(fèi)多少錢!助孕費(fèi)用明細(xì)!
福建廈門第三代試管嬰兒成功率和價(jià)格
宜昌做試管嬰兒三代的大概費(fèi)用明細(xì),附試管嬰兒機(jī)構(gòu)費(fèi)用參考
第三代試管嬰兒的費(fèi)用大概是多少?15萬足以!
2025年上海三代試管嬰兒醫(yī)院分享攻略?費(fèi)用明細(xì)多少!
熱門文章
國(guó)內(nèi)有沒有不用結(jié)婚證就能做試管嬰兒的醫(yī)院?
廣州成功率高的助孕機(jī)構(gòu)都有哪些?
私人機(jī)構(gòu)做三代試管嬰兒大概費(fèi)用詳細(xì)一覽
42歲試管晚不晚,45歲做試管還能成功嗎?
三代試管機(jī)構(gòu)推薦:鄭州正規(guī)口碑好助孕公司名單大全
在泰國(guó)進(jìn)行試管嬰兒的親身經(jīng)歷
泰國(guó)皇家生殖遺傳醫(yī)院可以做三代試管嬰兒?jiǎn)幔?/a>
做泰國(guó)試管嬰兒醫(yī)院選擇,公立和私立該怎么選?
泰國(guó)全球試管生殖醫(yī)院好不好?
想赴泰做試管?2025年泰國(guó)十大醫(yī)院推薦
【熱門更新】2025浙江做三代試管最厲害的醫(yī)院成功率排名
[替諾懷孕畸形寶寶]全程吃替諾福韋生下的寶寶
【昆明人工受精】云南人工授精哪個(gè)醫(yī)院好一些
女沒問題試管成功率有多少 女生沒問題做試管嬰兒成功率
試管經(jīng)驗(yàn):〖基礎(chǔ)知識(shí)〗吉林十大試管嬰兒醫(yī)院排名
武漢同濟(jì)三代試管懷孕多少錢?做好這些準(zhǔn)備工作很重要
美國(guó)單身女性進(jìn)行試管嬰兒手術(shù)的合法性及其原因分析
美國(guó)排名前三的試管醫(yī)院 想要試管成功就來這幾家
武漢康健試管費(fèi)用解析,讓你了解試管嬰兒價(jià)格
泰國(guó)第三代做三代試管嬰兒醫(yī)院怎么樣?
云南第三代試管總成本是多少,怎么進(jìn)行調(diào)理!
解脲脲支原體陽性在百色做試管多少錢附風(fēng)險(xiǎn)及應(yīng)對(duì)方案
附件炎在賀州做試管能成功懷孕嗎附注意事項(xiàng)及準(zhǔn)備事宜
中國(guó)三代試管醫(yī)院前十排名揭曉。,各項(xiàng)明細(xì)都有!
美國(guó)試管嬰兒需要準(zhǔn)備多少錢夠用?花費(fèi)明細(xì)是什么呢?
廣告合作方 廣告申請(qǐng)