Question

我正在尝试使用Angular在NativeScript中制作一个锁屏页面，并且我无法在按钮上设置与宽度相同的高度

<GridLayout rows="30, *, 20, *, 20, *, 30" columns="30, *, 20, *, 20, *, 30" class="lock-page">
    <Button row="1" col="1" text="1" class="btn-lock" (tap)="onTapx($event)"></Button>
    <Button row="1" col="3" text="2" class="btn-lock" (tap)="onTapx($event)"></Button>
    <Button row="1" col="5" text="3" class="btn-lock" (tap)="onTapx($event)"></Button>
    <Button row="3" col="1" text="4" class="btn-lock" (tap)="onTapx($event)"></Button>
    <Button row="3" col="3" text="5" class="btn-lock" (tap)="onTapx($event)"></Button>
    <Button row="3" col="5" text="6" class="btn-lock" (tap)="onTapx($event)"></Button>
    <Button row="5" col="1" text="7" class="btn-lock" (tap)="onTapx($event)"></Button>
    <Button row="5" col="3" text="8" class="btn-lock" (tap)="onTapx($event)"></Button>
    <Button row="5" col="5" text="9" class="btn-lock" (tap)="onTapx($event)"></Button>
  </GridLayout>

这是我的网格，我在按钮之间有30px的边距和20px的间距，并且我希望按钮的高度与宽度相同（这是自适应的）。

在CSS中，我通常使用padding-top：100％；这使得盒子的高度与容器的宽度相同，但是在这里却无法正常工作。

谢谢你，丹尼尔！

NativeScript按钮的高度与宽度相同

0 个答案: