不固定盒子宽高，盒子居中

您可以使用 CSS 的 flex 布局来实现这个效果。具体实现方法如下：

1. 首先，将父级元素设置为一个 flex 容器，可以设置为 display: flex;。

2. 然后，将子元素设置为一个 flex 项目，可以设置为 flex: 1;。这样，子元素就会按照等比例分配剩余空间，从而实现宽高不固定的效果。

3. 最后，使用 justify-content 和 align-items 属性来设置子元素的水平和垂直居中。可以设置为 justify-content: center; 和 align-items: center;。

以下是一个示例代码：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.item {
  flex: 1;
}

在上述代码中，我们将容器设置为 flex 容器，并将子元素设置为 flex 项目。然后，使用 justify-content 和 align-items 属性来将子元素水平和垂直居中，同时设置容器高度为 viewport 高度（100vh）。

希望这个回答能够帮到您。