CSS寬度自適應和居中是網頁布局中非常重要的一部分。在設計網頁布局的時候，我們通常希望元素能夠根據瀏覽器的寬度自動擴展或縮小，同時又能夠居中顯示。下面介紹一些實現方法：

/*第一種方法：使用display:inline-block和text-align:center*/
.container {
text-align: center;
}
.container div {
display: inline-block;
width: auto;
}
/*第二種方法：使用flex布局*/
.container {
display: flex;
justify-content: center;
}
.container div {
width: auto;
}
/*第三種方法：使用position和transform*/
.container {
position: relative;
}
.container div {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: auto;
}

以上是三種常用的方法，其中第一種方法基于display:inline-block和text-align:center，該方法適用于多個元素水平排列居中的情況。第二種方法基于display:flex布局，該方法適用于單個元素水平和垂直居中的情況。第三種方法基于position和transform，該方法適用于單個元素水平居中的情況。

總之，CSS寬度自適應和居中是網頁布局中必不可少的一部分，善于使用上述方法可以讓你更輕松地實現網頁布局的要求。