浮動居中是常用的布局方式之一，其核心代碼如下：

.center {
width: 200px;
height: 200px;
margin: 0 auto;
float: none;
}

其中，width、height 設置居中元素的寬高；margin 設置上下外邊距為 0，左右外邊距為 auto，實現水平居中；float 屬性設置為 none，取消浮動以實現居中。

需要注意的是，要實現浮動居中，必須保證居中元素為塊級元素，即設置 display: block 或者 display: inline-block 屬性；

其次，浮動居中的元素寬度要小于容器寬度，否則居中布局將失效；

最后，如果需要在一個容器中居中多個子元素，可以將容器設置為相對定位，子元素設置為絕對定位，然后使用 top、left 屬性實現垂直居中和水平居中。