我有一个高度有限的列表容器。它有一些子项的列表。这些项应该从上到下、从左到右放置。如果有越来越多的元素，它们将被放置在右边的新列中。
如何使父容器采用内容的宽度？这样父容器就不会扩展到窗口的全宽并隐藏后面的列？
**我尝试的方法：**我尝试设置不同的父级显示，但是第二列的子级被隐藏，并且.parent_item的整个宽度仅等于第一列的宽度。范例：
.parent_item
第一个
bihw5rsg1#
通过使用display contents，您可以使display flex忽略其子项，并使其调整孙子项，请检查代码段以获得结果。第一个若要使行单元格在另一个子级的新行中开始，请使用以下CSS样式;第一次我希望这解决了你的问题，如果它没有让我知道，我会调查它一些更多。
1条答案
按热度按时间bihw5rsg1#
通过使用display contents，您可以使display flex忽略其子项，并使其调整孙子项，请检查代码段以获得结果。
第一个
若要使行单元格在另一个子级的新行中开始，请使用以下CSS样式;
第一次
我希望这解决了你的问题，如果它没有让我知道，我会调查它一些更多。