文章詳情頁(yè)
如圖的flex骰子布局是怎么實(shí)現(xiàn)的？
瀏覽：109日期：2024-06-12 09:06:17
問(wèn)題描述
看了阮一峰大神的博客是如下寫的，可是怎么都沒(méi)有效果
<div class="box"> <span class="item"></span> <span class="item"></span></div>.box { display: flex;}.item:nth-child(2) { align-self: center;}只能是如下的效果
問(wèn)題解答
回答1：他的這個(gè)例子沒(méi)寫對(duì)，他頁(yè)面上還有其他一些例子是錯(cuò)的
可以再增加第三個(gè) item ，背景設(shè)為透明來(lái)隱藏然后 box 設(shè)置 justify-content: space-between
相關(guān)文章：
1. php - 第三方支付平臺(tái)在很短時(shí)間內(nèi)多次異步通知,訂單多次確認(rèn)收款2. javascript - node服務(wù)端渲染的困惑3. javascript - 百度echarts series數(shù)據(jù)更新問(wèn)題4. html5 - h5寫的app用的webview，用手機(jī)瀏覽器打開(kāi)不顯示？5. objective-c - iPhone如何實(shí)現(xiàn)微信的搖一搖功能？6. Mysql && Redis 并發(fā)問(wèn)題7. 請(qǐng)教一個(gè)python字符串處理的問(wèn)題？8. 我在導(dǎo)入模板資源時(shí)遇到無(wú)法顯示的問(wèn)題，請(qǐng)老師解答下9. mysql scripts提示 /usr/bin/perl: bad interpreter10. mysql - 一個(gè)表和多個(gè)表是多對(duì)多的關(guān)系，該怎么設(shè)計(jì)
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備