在CSS中，我們可以使用多種方法來實(shí)現(xiàn)不固定高度下的垂直居中，以下是兩種常用的方法：

1、使用flexbox布局

Flexbox是一種靈活的布局方式，可以輕松地實(shí)現(xiàn)垂直居中，我們可以將容器設(shè)置為flex布局，然后利用align-items屬性來實(shí)現(xiàn)垂直居中。

.container {
  display: flex;
  align-items: center;
}

2、使用position和transform屬性

另一種方法是利用position和transform屬性來實(shí)現(xiàn)垂直居中，我們可以將容器設(shè)置為相對(duì)定位，然后將子元素設(shè)置為***定位，并利用transform屬性來微調(diào)位置。

.container {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

這種方法可以實(shí)現(xiàn)不固定高度下的垂直居中，無論容器的高度如何變化，子元素都可以保持在垂直方向上居中，需要注意的是，這種方法可能會(huì)受到瀏覽器兼容性的影響，因此在使用前需要確保目標(biāo)瀏覽器支持transform屬性。