我已將每個項(xiàng)目設(shè)置在父 div 內(nèi)，并為其指定 33% 的寬度屬性，認(rèn)為因此每行只能有 3 個項(xiàng)目.item { float: left; width: 33%;}這是父級.categories { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-flow: row-wrap;}我的期望是每行只有 3 個項(xiàng)目，因?yàn)槊總€類別都是 33%，但行為是每行有盡可能多的項(xiàng)目，忽略了該規(guī)則，所以我理解錯誤，如果有人可以指出資源來研究這個問題或幫助解釋它，謝謝！我這里有一個沙箱：https ://codesandbox.io/s/funny-ellis-cvvpu
1 回答
Cats萌萌
TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超9個贊
問題是您已在 Home.js 文件中設(shè)置所有類，例如：
<div className=".item">
而不是做：
<div className="item">
只需刪除.所有內(nèi)容className，您的代碼就可以正常工作。
- 1 回答
- 0 關(guān)注
- 141 瀏覽
添加回答
舉報(bào)
0/150
提交
取消