在 CSS 中，改變元素的寬度和位置是非常常見的操作。下面我們來討論如何將元素的寬度以及位置調整為居中顯示。

// 設置 div 元素寬度為 400px
div {
width: 400px;
margin: 0 auto; /* 將 div 元素居中顯示 */
}

在上面的代碼中，我們對 div 元素進行樣式設置。首先，我們設置 div 元素的寬度為 400px。其次，我們使用 margin 屬性給 div 元素設置一個上下的邊距為 0，并將它的左右邊距都設置為 auto。這樣，就可以使得 div 元素居中顯示了。

除了使用 margin 屬性，我們還可以使用 CSS3 中的 Flexbox（彈性布局）來讓元素居中顯示。下面是一個示例：

// 使用 Flexbox 實現元素居中
.container {
display: flex;
justify-content: center; /* 沿著主軸中心對齊 */
align-items: center; /* 沿著交叉軸中心對齊 */
}

在上面的代碼中，我們使用 .container 元素作為 Flexbox 的容器。通過設置 display 屬性為 flex，我們就開啟了彈性布局。接著，我們使用 justify-content 屬性將 .container 元素沿著主軸中心對齊，使用 align-items 屬性將其沿著交叉軸中心對齊。這樣，就能讓 .container 元素里面的內容居中顯示了。