flex布局大全

 

 

 

有句话叫作：存在便是合理。

 

最近很喜欢flex布局模式，不过还在摸索中，这里正一边在项目中使用和总结，也在学习一些大牛们总结的东西和布局思考。

 

鉴于本身很苦恼，处处去ha资料，真的，就没有一个系统的，也没有几个能够本身试着写写的界面，其实国内仍是比较藏珍，看看码云上就知道了，一搜索基本没什么开源项目（好比搜flex布局 demo），在github上面却是有，就是没遇到合适的。

 

仔细想来写前端静态界面，大致上是能够公用的嘛，为啥总是要重复造轮子了。包括我本身写的界面，静态界面出来了，而后又去掉，改为动态的，问题就出在这里了，应该把经常使用的静态界面提取出来，或者放到一个开源的项目里面，你们有需求了，本身改改，基本就能够直接使用了。

（好比用flex来写：
1.上 中 下三栏， 底部和顶部固定
2.九宫格效果
3.左边一张商品图片，而后右边放商品属性（三排属性，和图片等高）
4.左边一张商品图片，而后右边放商品属性，最右边放一些标识
5.左边一张图片，右边两行文字，等高显示。）表示本身是常常写，也常常忘，老是在纠结用那种布局方式写达到的效果最好（欢迎你们留言讨论一下，真的手机端界面不少的嘛）。

 

作项目的时候总想着，有git管理工具，之后须要了，直接检出对应的分支就好了，可是时间久了，鬼知道你须要检出哪一个分支，我就属于这样的状况。不是我过于粗心，主要有时五六个项目切换，你不晕都是假的，每每一个项目周期短则半月长则几个月。

 

因此鉴于上述状况，首先开了一个专题，单独收集整理相关的布局效果，第二步，须要把相应的文章或者连接整理到这个专题里面，第三步，在github或者码云上面创建一个项目，（话说一个项目如何分享到两个仓库呢？鉴于国内网络问题，仍是放到码云上面比较好一点）第four步，把遇到的布局和问题归类拆解出来（这个比较费时间），独立成一个个小工具，小组件。

 

另外就是，关于字体文件，为何html不能直接如同H标签同样声明呢？好比font12 表示 font-size：12px的大小的字体。这样就不须要前端本身定义一套字体大小库了，另外还得一套粗体，一套500的。

 

 

参考地址1：http://www.javashuo.com/article/p-vktoyizp-cd.html