uview与微信小程序的坑-弹性布局-display:flex
大家都知道弹性布局是默认横向布局的，但是在开发uniapp时就踩了一个坑，毕竟uniapp是混合开发混合开发是很容易踩坑的
display: flex; width:100%; justify-content: center; flex-direction: row; //横向布局项目比较小具体框架不多
前台技术架构如下：uview（一款呼声比较高的小程序框架）uniapp以及部分插件当时在uniapp里写的弹性布局如下
display: flex; //弹性布局 width:100%; justify-content: center; //居中(居中记得设置宽度)弹性布局默认横向布局 在不使用uview的前提下纯原生的微信小程序使用弹性布局就不会影响它的布局，那这句话是啥意思呢？ 纯原生的微信小程序：
display: flex; //弹性布局 width:100%; justify-content: center; //居中(居中记得设置宽度)这里可以看到我没有写flex-direction: row; //横向布局，属性他默认的就是横向
但是一旦我们的项目中用到了uview框架之后，唉？它就变成了这样，给人的感觉就像是原有的横向布局没有了
那怎么解决呢？我们直接把它的横向布局属性（flex-direction: row）给它加上去就ok啦（uniapp加不加都不影响默认的横向布局）
display: flex; width：100%; justify-content: center; flex-direction: row; //横向布局然后它就没问题啦！这是一个比较小的坑希望大家以后别踩到，希望可以帮助到大家
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #uView #小程序 #uview中的弹性布局带来的坑
