css不定宽高水平垂直居中

在前端开发中，样式的居中对于页面的美观度是非常重要的。不过，在实现中，常常会遇到要居中的元素宽高不定，这是就需要使用到CSS不定宽高水平垂直居中的技巧。
使用CSS实现不定宽高水平居中可以使用如下代码：

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
} 

上面的代码使用了“flex布局”的方式，将子元素垂直和水平都居中。其中，`justify-content: center`可以让子元素水平居中，而`align-items: center`可以让子元素垂直居中。
如果需要同时在多个方向同时居中，比如，同时在水平和垂直方向都居中，可以使用如下代码：

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 

在上面的代码中，父元素设置了`position: relative;`，子元素设置了`position: absolute;`。然后通过设置`top: 50%;`和`left: 50%;`将子元素移动到父元素中心，最后使用`transform: translate(-50%, -50%);`将子元素向左上角移动一半。
需要注意的是，在使用上述代码时，父元素不能设置固定宽高，否则会导致无法居中。
总结来说，CSS不定宽高水平垂直居中在前端开发中非常实用，可以实现更精美的页面效果。在使用的过程中，可以根据实际情况选择适合的方式。