CSS無寬高居中是指當元素的寬度和高度不確定時，如何讓它水平和垂直居中。這是一個常見的問題，在許多場景中都需要使用這種布局。下面我們來看看一些方法。

/* 方法一：使用flex布局 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 方法二：使用絕對定位和負邊距 */
.container {
position: relative;
}
.center {
position: absolute;
top: 50%; 
left: 50%;
transform: translate(-50%, -50%);
}
/* 方法三：使用table-cell布局 */
.container {
display: table-cell;
vertical-align: middle;
}
.center {
margin: 0 auto;
}
/* 方法四：使用grid布局 */
.container {
display: grid;
}
.center {
justify-self: center;
align-self: center;
}

這些方法都可以實現(xiàn)元素的無寬高居中。不過需要注意的是，每種方法都有其適用的場景。比如，當需要讓多個元素垂直居中時，使用table-cell布局更加方便。