html+css横向瀑布流+自带换行

最近需要实现一个横向固定高度，但是宽不固定，并且一行当超过宽度自动换行的效果

主要运用flexwrap这个属性

思想：
设置最小宽度+flexwrap:wrap实现
CSS

.menu ul{
  display: flex;
  flex-wrap:wrap;
  padding: 0; margin: 0;/*height:30px;overflow:hidden;*/
}
.menu li{
  min-width: 25%;
  margin: 0;
  line-height: 30px; font-size: 14px;
  text-align:center;
}

效果