CSS的居中是網頁設計中必不可少的，特別是在水平和垂直居中這個技巧上。在本文中，我們會介紹如何使用CSS來居中元素，分別包括水平居中和垂直居中。這個技巧是非常有用的，可以讓網站設計更有吸引力，同時也能增強用戶體驗。

/* 水平居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 垂直居中 */
.container {
position: relative;
}
.item {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

以上代碼中，我們在類名為.container的元素上添加了display:flex; justify-content:center; align-items:center; 來實現元素的水平居中。在垂直居中時，我們則需要給父元素設置position:relative，并在子元素上添加position:absolute; top:50%; transform:translateY(-50%);，這個技巧是基于CSS的transform屬性實現的。

總體來說，CSS的居中技巧是很實用的，在實踐中也是經常使用的。網站設計師和開發人員可以通過掌握這個技巧，為用戶提供更好的體驗，同時也能讓設計更加優秀和便捷。