css中怎么可以让一个盒子包住另外一个，并且被包裹的盒子在外面盒子的中间

你可以使用CSS的flex布局来实现一个盒子包住另一个盒子，并且被包裹的盒子在外面盒子的中间的效果。具体方法如下：

1. 在外面的盒子上应用display: flex;属性，将其设置为flex容器。

2. 使用justify-content和align-items属性来将内部盒子居中。

3. 在内部盒子上应用margin: auto;来使其在外面盒子的中间。

下面是一个示例代码：

<div class="outer-box">
  <div class="inner-box"></div>
</div>

.outer-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  background-color: #eee;
}

.inner-box {
  width: 100px;
  height: 100px;
  background-color: #333;
  margin: auto;
}

这样，内部盒子就会被外部盒子包住，并且在外部盒子的中间。