flex布局大全

 

 

 

有句话叫做：存在即是合理。

 

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

 

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

 

仔细想来写前端静态界面，大体上是可以公用的嘛，为啥老是要重复造轮子了。包括我自己写的界面，静态界面出来了，然后又去掉，改成动态的，问题就出在这里了，应该把常用的静态界面提取出来，或者放到一个开源的项目里面，大家有需求了，自己改改，基本就可以直接使用了。

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

 

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

 

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

 

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

 

 

参考地址1：https://blog.csdn.net/qq_34648000/article/details/79115294