效果图如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
.child{
width: 80px;
height:80px;
background: red;
}
</style>
<body>
<div style="width: 400px;height:100px;border:1px solid #0000FF; display: flex;flex-wrap: wrap; justify-content: space-evenly;">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
</body>
</html>