CSS 中的浮動是一種非常有用的布局技術。使用浮動屬性，可以讓元素向左或向右靠攏，并逐行排列。而通過添加margin: 0 auto; 屬性，可以將浮動元素居中展示。

.item {
float: left; /* 元素向左浮動 */
margin: 0 10px; /* 設置左右邊距，避免元素之間過于緊湊 */
}
.container {
width: 960px; /* 設置容器寬度 */
margin: 0 auto; /* 居中展示容器 */
}

如上述代碼，通過 .item 的 float 屬性設為 left，讓元素向左浮動并逐行排列。同時，設置 margin 屬性為 0 10px，將元素之間的間距調整為合適大小。

接著，容器 .container 的寬度設置為 960px，并通過 margin 屬性進行居中展示。這樣，頁面上的浮動元素就能夠在容器內居中顯示了。

需要注意的是，當一行浮動元素的寬度總和超過了容器寬度時，這行浮動元素會自動換行。如果想要避免這種情況，可以在 .container 中添加 overflow: hidden; 屬性，讓容器自動適應大小。

.container {
width: 960px;
margin: 0 auto;
overflow: hidden; /* 自動適應大小，避免浮動元素溢出 */
}

總之，CSS 中的浮動和居中展示都是非常重要的布局技術，熟練掌握它們對于網頁設計和制作來說是必不可少的。