我使用flexboxes来组织页面上的元素.
我希望flexboxes使用所有可用的水平空间,所以我添加flex-grow:1.
然后我希望同一行上的每个项目具有相同的大小(例如,如果有两个项目则为50%,如果有三个则为33%,等等),所以我补充说flex-basis:0.
但在第三步,项目不再包装.如果我更改窗口宽度,则每行的项目数始终保持不变,并且其内容会被挤压.我不希望这样.我希望当一个项目的宽度小于它的内容时,将它放在下一行,因为它在前两个步骤中起作用.我尝试过flex-shrink和其他事情一起玩,没有成功.
我能做什么 ？谢谢 !
回答TL; DR:添加min-width: fit-content作品!