``` .flex { display: flex; display: -webkit-flex; /*webkit内核的浏览器，必需加上-webkit前缀*/ flex-wrap: wrap; /* justify-content: space-between; */ /*两端对齐（元素之间距离相等）*/ width: 1200px; /* border: 1px solid #999; */ margin: 0 auto; } .flex-item { width: 290px; /* height: 300px; */ border: 1px solid #e6e4e4; margin: 0px 0px 10px 0px; background: #fff; margin-right:13px; } /*这里是选第4个和第8个*/ .flex-item:nth-child(4),.flex-item:nth-child(8){ margin-right: 0; } ``` ``` <div class="flex"> <div class="flex-item">1</div> <div class="flex-item">2</div> <div class="flex-item">3</div> <div class="flex-item">4</div> </div> ```