CSS中使用float屬性可以讓元素脫離文檔流，使其他元素環繞著該元素。但是，float屬性在排版時往往會導致一些問題，例如清除浮動、垂直居中等問題。因此，在CSS3中，引入了flex屬性來更方便地排版元素。

.container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

使用flex屬性可以讓容器中的元素自適應布局，根據容器的尺寸和布局方式來排列元素。在上面的代碼中，display: flex;表示該容器使用flex布局，flex-direction: row;表示該容器內的元素排列方向為水平方向。如果需要垂直排列，則可以使用flex-direction: column;。

使用justify-content屬性可以設置容器內元素的水平對齊方式。在上面的代碼中，justify-content: space-between;表示該容器中的元素水平排列時分散對齊。如果需要居中對齊，可以使用justify-content: center;。

使用align-items屬性可以設置容器內元素的垂直對齊方式。在上面的代碼中，align-items: center;表示該容器中的元素垂直排列時居中對齊。

總的來說，使用flex屬性可以更方便地排版元素，避免float屬性帶來的問題。同時，flex屬性也可以配合其他CSS屬性來實現更多的排版特效。不過，需要注意的是，flex屬性僅在大部分現代瀏覽器中支持，一些老舊的瀏覽器可能無法正常顯示。