CSS中的float屬性可以讓元素向左或向右浮動，使得元素可以脫離文檔流并且可以多個元素并排展示。

img {
float: left;
}

當給多個元素設置浮動后，我們需要使用清除浮動來避免出現布局問題，可以在浮動元素的容器中使用clearfix。

.container::after {
content: "";
clear: both;
display: table;
}

當浮動元素要水平居中時，可以給容器設置text-align:center，并在浮動元素外層包裹一個可居中的元素，如下所示：

.container {
text-align: center;
}
.float-container {
display: inline-block;
}
.float-container img {
float: left;
}

在以上代碼中，我們給包含浮動元素的容器float-container設置了display:inline-block，使其可以使用text-align:center水平居中。并且在img元素外層包裹了一個塊級元素float-container，使得img可以在其中浮動，而不會對其他元素造成影響。