CSS 不定寬水平居中指的是將一個元素水平居中對齊，而元素的寬度不是固定的。這種情況很常見，在設計響應式網頁時尤其有用。

下面介紹幾種實現方法：

/* 方法一：使用 margin:auto */
.center {
margin: auto; /* 必須使用 auto，且需要設置 width */
width: 50%; /* 這里的寬度可以是任意值 */
}

該方法適用于元素寬度已知的情況，寬度為50%可以根據需要進行調整。

/* 方法二：使用 display:flex */
.container {
display: flex;
justify-content: center;
}
.center {
align-self: center;
}

該方法使用了 flex 布局，容器需要設置display:flex，并設置justify-content:center進行水平居中。同時在需要進行水平居中的元素上設置align-self:center。

/* 方法三：使用 text-align:center */
.container {
text-align: center;
}
.center {
display: inline-block;
}

該方法使用了文本對齊方式text-align:center，并將元素設置為display:inline-block。這樣可以使元素水平居中，但不能控制元素寬度。