CSS 不固定寬度居中是前端開發中經常會遇到的問題。當我們需要為一個元素設置一個不固定寬度時，如何實現讓其水平居中呢？下面將介紹幾種實現方法。

/* 方法一：使用margin */
.element {
width: auto; /*不固定寬度*/
margin: 0 auto; /*水平居中*/
}
/* 方法二：使用flex布局 */
.parent {
display: flex;
}
.element {
width: auto; /*不固定寬度*/
margin: auto; /*自動上下居中*/
}
/* 方法三：使用text-align */
.parent {
text-align: center;
}
.element {
display: inline-block; /*變成行內塊元素*/
width: auto; /*不固定寬度*/
text-align: left; /*恢復左對齊*/
}

以上是三種常用的實現方法，我們可以根據實際情況選擇合適的方式來達到水平居中的效果。