文章詳情頁
css3 - 如圖的flex骰子布局是怎么實現的？
瀏覽：88日期：2023-07-10 09:08:50
問題描述
看了阮一峰大神的博客是如下寫的，可是怎么都沒有效果
<p class='box'> <span class='item'></span> <span class='item'></span></p>.box { display: flex;}.item:nth-child(2) { align-self: center;}只能是如下的效果
問題解答
回答1：他的這個例子沒寫對，他頁面上還有其他一些例子是錯的
可以再增加第三個 item ，背景設為透明來隱藏然后 box 設置 justify-content: space-between
回答2：body{ background: rgb(44, 44, 44)} .box { display: flex; width: 200px; height: 200px; background: rgb(225,225,225); border-radius:10px; border:outset white 10px;}.item{ width: 30%; height: 30%; background: rgb(44, 44, 44); border-radius: 50%;}.item:nth-child(1) { margin: 5px } .item:nth-child(2) { align-self: center;}回答3：
樣式沒加,哥們
標簽：
CSS
相關文章：
1. javascript - js 有什么優雅的辦法實現在同時打開的兩個標簽頁間相互通信？2. html5和Flash對抗是什么情況？3. javascript - 怎樣限制同一個瀏覽器不能登錄兩個賬號4. java - 新手做一個安卓視頻播放器，想實現一個進度條，按鈕那種在視頻下方懸浮的功能，不知道思路！5. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現靈異動畫問題，求解決6. javascript - angular和jquery都用到了$符號，一起用會不會沖突？7. java - android代碼重構：如何把app設置里的頭像UI做成通用的？8. 想找個php大神仿個網站。9. javascript - 一個抽獎的效果（如圖）？10. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間？
排行榜
網公網安備