对齐动态生成的div

我们有一个小部件,它以包含n个div的div的形式返回一些结果.目前,它们在通常的div显示中是一个在另一个之上.有没有办法让它们像每排2x2一样并排？

 
result1
 
result2
 
result3
 
result4

目前它们将结果div显示在一起,我们可以让它们每行显示2个(基于宽度)吗？

谢谢您的帮助!

一种简单的方法display: flex:

.container-div{
  display: flex;
  flex-wrap: wrap;
}

.result{
  flex: 1 0 50%;
  display: inline;
}

.container-div{
  display: flex;
  flex-wrap: wrap;
}

.result{
  flex: 1 0 50%;
  display: inline;
}

 
result1
 
result2
 
result3
 
result4