layout的grid实现水平居中

Creator 2.x
#1

想要实现商品的水平居中布局展示，我用以下方法实现
下面是我的layout设置

image.png462×542 23.3 KB

思路是：
通过计算当前固定容器节点宽度和当前加入商品的节点宽度，计算出最多横排可放置商品个数，然后
(固定容器节点宽度-商品单位宽度*横排商品个数)/2得到leftpadding值，然后设置layout的paddingleft
目前遇到的问题：
pc浏览器展示效果达到预期，如图

苹果手机浏览器展示效果有偏差，如图
aaa.png715×730 215 KB

备注：通过console，苹果的layout的paddingleft参数等都和pc浏览器一直
求大神指点下

#2

我不知道grid模式遇到了什么问题，但是可以用layout 嵌套的方式代替 grid 来规避这个问题

<Layout type="vertical" x={0} resizeMode="container">
  <Layout type="horizontal" x={0} resizeMode="container">
     <Item>
     <Item>
   </Layout>
   <Layout type="horizontal" x={0} resizeMode="container">
     <Item>
     <Item>
   </Layout>
</Layout>