小白想問問請問如何能實作出最后一張圖的效果
展示圖
html代碼
css代碼
想要實作的展示圖
uj5u.com熱心網友回復：
.main div 和 .img樣式沖突了uj5u.com熱心網友回復：
.img {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
還有就是flex布局不是你這么用的，讓div水平居中直接margin:0 auto;就完了，你全用flex布局太麻煩了
uj5u.com熱心網友回復：
可以試一下浮動float:left
uj5u.com熱心網友回復：
你的樣式沖突了，main設定了彈性盒子，并且60%的寬度，但是你的img外面的div都是40%，你在下邊又加上了display：flex；flex-wrap: wrap;屬性，所以就是你看到的這個效果轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/37205.html
標籤：HTML(CSS)
上一篇：VS Code vue里面使用less出現紅色波浪線語法錯誤，但可以正常運行
下一篇：css漸變求助