如何确定 DIV 相对于其中元素数量的长度和高度



我尝试将几个 DIV 元素插入到一个主 DIV 中 - 元素的数量是动态的,并根据用户插入的数量而变化。我的问题是如何设置 DIV 的长度和宽度,以便如果我添加一些应该已经在比 DIV 更宽的视图中显示的元素,那么每个元素的大小只会减小 - 但主 DIV 大小不会改变。我希望这个问题是可以理解的 - 如何将动态数量的元素 (DIV( 插入 DIV?

通过使用flexbox:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes

将父div 设置为 display:flex然后根据所需的比率设置子项。 如果您希望它们都相同,请将它们全部设置为 flex: 1

最新更新