您的位置:首頁技術文章
文章詳情頁

如圖的flex骰子布局是怎么實現的?

瀏覽:95日期:2024-06-12 09:06:17

問題描述

如圖的flex骰子布局是怎么實現的?看了阮一峰大神的博客是如下寫的,可是怎么都沒有效果

<div class="box"> <span class="item"></span> <span class="item"></span></div>.box { display: flex;}.item:nth-child(2) { align-self: center;}只能是如下的效果

如圖的flex骰子布局是怎么實現的?

問題解答

回答1:

他的這個例子沒寫對,他頁面上還有其他一些例子是錯的

可以再增加第三個 item ,背景設為透明來隱藏然后 box 設置 justify-content: space-between

相關文章:
国产综合久久一区二区三区