我在屏幕上有一堆react-select组件。它们都在一个名为bookData的类的div中。bookData的css是:
.bookData{
font-size:13px;
column-count: 2;
column-gap: 20px;
padding: 10px;
}如果我用react-select选择了一些东西,选择就不会显示出来。如果我删除了column-count,我的react-select代码就会找到,它会选择项目并显示出来。有没有可以让react-select和column-count一起工作的css?
发布于 2018-12-17 10:34:07
这个CodeSandbox可以帮助你:https://codesandbox.io/s/4jr596lr09
您所需要做的就是将两列内容包装在由flex显示的div中。将两个元素包装在一个div中,并将flex值设置为1(参考:What does flex: 1 mean?)
https://stackoverflow.com/questions/53732694
复制相似问题