给父元素设置弹性布局，使10个子元素两行三列排布

可以使用以下CSS代码：

.parent {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.child {
  width: 30%;
  margin: 10px;
}

@media screen and (max-width: 768px) {
  .child {
    width: 45%;
  }
}

其中，父元素设置了弹性布局`display: flex`，同时使用`flex-wrap: wrap`实现子元素换行排布。`justify-content: center`可以让子元素居中对齐。

子元素设置了宽度为30%，并且设置了一定的外边距。在移动设备上，使用媒体查询@media设置子元素宽度为45%。这样，就可以实现两行三列排布。