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属性仅在大部分现代浏览器中支持，一些老旧的浏览器可能无法正常显示。