Css 报纸样式div对齐,带柔性包装,溢出,无固定容器大小

Css 报纸样式div对齐,带柔性包装,溢出,无固定容器大小,css,flexbox,Css,Flexbox,我目前正在处理一个关于HTML+CSS的问题,并达到了我所知道的可能的极限。问题是: .集装箱{ 显示器:flex; 弯曲方向:立柱; 柔性包装:包装; 溢出y:自动; } .项目{ 宽度:10em; 高度:2米; 边缘:0.1米; 背景色:红色; } .项目:N-child3n+2{ 背景颜色:浅绿色; } .项目:N-child3n+3{ 背景颜色:蓝色; } 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19 20 21 22

我目前正在处理一个关于HTML+CSS的问题,并达到了我所知道的可能的极限。问题是:

.集装箱{ 显示器:flex; 弯曲方向:立柱; 柔性包装:包装; 溢出y:自动; } .项目{ 宽度:10em; 高度:2米; 边缘:0.1米; 背景色:红色; } .项目:N-child3n+2{ 背景颜色:浅绿色; } .项目:N-child3n+3{ 背景颜色:蓝色; } 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 这是一项仅定义列宽并保持列计数自动的工作

.集装箱{ 列宽:10em; } .项目{ 宽度:10em; 显示:内联块; 高度:2米; 边缘:0.1米; 背景色:红色; } .项目:N-child3n+2{ 背景颜色:浅绿色; } .项目:N-child3n+3{ 背景颜色:蓝色; } 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
是的,太棒了,谢谢你!当我试图用flexbox完成这项工作时,我感觉自己找错了方向。它花了几分钟来适应实际的用例,但现在它工作得很好!谢谢