如何停止包裹的组件被隔开

时间:2019-04-02 14:01:35

标签: css reactjs

我刚刚创建了一个新的react应用,并且已经创建了自己的Button组件。我正在尝试在一行中显示这些负载。

在我的App.css

display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: start;

当我缩小浏览器时,包装的组件会出现在屏幕的一半下方。如何使其直接出现在下方?

仅供参考,Button上没有CSS布局。

1 个答案:

答案 0 :(得分:0)

我找到了1个解决方案...

我在App.cs中拥有

min-height: 100vh;

删除已解决的问题。我想我只需要将一个外部div设置为全高,而将一个内部div设置为不全。