通过CSS实现多个div水平选取框

<div class="container">
  <div class="box">选项1</div>
  <div class="box">选项2</div>
  <div class="box">选项3</div>
  <div class="box">选项4</div>
  <div class="box">选项5</div>
  <div class="box">选项6</div>
</div>

.container {
  display: flex;
  flex-wrap: wrap;
}

.box {
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  margin: 10px;
  text-align: center;
  line-height: 100px;
  cursor: pointer;
}

.box:active,
.box:focus {
  background-color: #f0f0f0;
  outline: none;
}