Flex 实现仿 携程网 手机端布局

个人自学，测试使用Demo，仅限制学习测试。最终效果图

附件下载地址：https://files-cdn.cnblogs.com/files/y112102/H5.7z

参考资料：pink老师Flex自学

附加：

2倍精灵图定位

1：下载Adobe Fireworks CS6

 用Adobe Fireworks 打开图片 ，css代码

如图：

2:

思路：flex 左边 权重1，右边大小固定，左边的会沾满父元素剩下的宽度。

3：垂直居中

4：flex 原理和属性

移动开发总结：