css设置标签属性float或fl
第一种实现:浮动布局
将左右div宽度设置为300px，分别左右浮动，中间框没有宽度。注意:先写右边的框，再写中间的框，否则会先渲染中间的框，中间的框会占用行的剩余宽度，右边的框只能在新的一行显示，会出现下面的情况。
有许多方法可以使css图像水平和垂直居中。这里有一些例子给你。
1.使用display:table-cell和vertical-align:中间属性。类似于有效:中间函数使用表；
2.使用绝对定位position:absolute.通过给图片50%到左上角，然后边距它们宽度和高度的一半，图片就可以垂直居中了。
3.使用弹性布局；flex函数是一个新函数。考虑到兼容性问题，最好用在手机端，pc端建议用前两种。
最终显示的效果图。
使用display:表格单元格和垂直对齐:中间属性。类似于有效的:中间函数使用表；
水平居中图像的方法是使用display:flex。
类似地，我们为容器使用text-align属性，它也将使用display:flex。然而，仅仅使用display:flex是不够的。容器还必须有一个名为justify-cont
flex-align:默认设置垂直对齐，取值为:起点、终点、中心、拉伸、基线。
flex-pack:设置如何在子元素之间分配额外的空间。值:开始、结束、居中、对齐。
flex-direction:设置子元素的排列，行、行反转、列、列反转。
fl《buidnewworld》，有一集专门介绍css3的复杂布局形式。
