【flex布局】怎么让一行只展示4个元素

有时我们使用flex布局，直接display:flex，则一行会展示全部的元素，那么如何设置一行只展示4个元素呢？代码如下：

父元素css：

display: flex;
justify-content: space-around;
flex-wrap: wrap;

子元素css：

/* 计算每个元素的宽度 */
width: calc(100% / 4);