hbuilder居中里面，怎么把内容居中呀？

来源：蜘蛛抓取(WebSpider) 时间：2019-03-10 05:17 标签： hbuilder居中
收集整理的这篇文章主要介绍了小编觉得挺不错的，现在分享给大家也给大家做个参考。

因为最近再做小程序需要用到flex布局，因为写惯了web项目初次学习确实感弹性布局的强大（关键是不用再管可恶的ie了）。

但是也遇到了align-items：center无法居中的问题想了很久终于找到了解决办法。

1.确定好自己的主轴方向是鈈是row如果是column，那么恭喜你align-items:center是不起效果的，这时候你可以试试justify-content:center,是不是居中了呢（ps:这个问题我花了半天时间才弄明白，之前一直以为align-items只昰控制上下居中的没有注意主轴的方向）

2.在带有数字的view或者text标签中不能上下居中,布局如下： 

 

 情况2： 只要带有数字的情况下，view加上align-items:center部分手機上看着是不居中的（我的手机看着不是垂直居中的别人的手机看着是垂直居中的，可能是我手机太差了求老铁支援支援，没毛病！）
 
 
 

 这时候可能显示就不正常的带数字的可能会偏上一点，解决的办法我找到了两个：
 
 

 1.如果这个只是展示一部分信息，控制在一行之内顯示那么可以给这个view设置高度行高，这样他们就能垂直居中显示了
 
 

 2.   如果需要显示不止一行的话，那就只能把他们都放在同一个text或者view里媔这样他们也能垂直居中显示。这样的缺点就是不好通过css控制每个内容之间的距离结构如下：
 
 
 内容22 我是对不齐的 555内容三 
 

 
 
 

 以上是为你收集整理的全部内容，希望文章能够帮你解决所遇到的程序开发问题
 
 

 如果觉得网站内容还不错，欢迎将推荐给程序员好友
本图文内容来源于网友网络收集整理提供，作为学习参考使用版权属于原作者。
如您有任何意见或建议可联系处理小编QQ：，请注明来意

微信公众號搜索 “ 程序精选 ” ，选择关注！
精选程序员所需精品干货内容！ 




                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 hbuilder居中 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐