减少 GridLayout 中的空间答案

【问题标题】：Reduce space In GridLayout减少 GridLayout 中的空间
【发布时间】：2020-08-05 16:39:04
【问题描述】：

我有一个具有 1 个网格布局的组件

<GridLayout class="gridDate" columns="auto, auto" > 在这个网格中，我有 2 个项目。可以肯定的是，每个项目都占据了列的位置，但项目太大了，因此我将它们都像 transform: scale(0.7); 这样减少了。但我的问题是它们之间有一个空格，我想知道如何处理它们（例如，我想将第 2 项移动到第二列的左侧。

最好的尊重和对不起我的英语。

【问题讨论】：

标签： vue.js nativescript grid-layout

【解决方案1】：

columns="*,*" 将占据屏幕的整个宽度，然后您可以使用 css 边距和填充样式进行调整。

【讨论】：

【解决方案2】：

我用columns="*, *" 做了这样的事情，红色部分的边距为 0 (

background-color: red;
transform: scale(0.7);
margin-left: 0px;```
 but 0 changes 
[Image of Gridlayout with components][1]


  [1]: https://i.stack.imgur.com/r2JHF.jpg

【讨论】：

您希望输出是什么样的？此外，使用 NativeScript，您不需要边距设置上的“px”。