我已將每個項目設置在父 div 內,并為其指定 33% 的寬度屬性,認為因此每行只能有 3 個項目.item { float: left; width: 33%;}這是父級.categories { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-flow: row-wrap;}我的期望是每行只有 3 個項目,因為每個類別都是 33%,但行為是每行有盡可能多的項目,忽略了該規則,所以我理解錯誤,如果有人可以指出資源來研究這個問題或幫助解釋它,謝謝!我這里有一個沙箱:https ://codesandbox.io/s/funny-ellis-cvvpu
1 回答

Cats萌萌
TA貢獻1805條經驗 獲得超9個贊
問題是您已在 Home.js 文件中設置所有類,例如:
<div className=".item">
而不是做:
<div className="item">
只需刪除.
所有內容className
,您的代碼就可以正常工作。
- 1 回答
- 0 關注
- 129 瀏覽
添加回答
舉報
0/150
提交
取消