在另一个ionic3旁边放一个按钮

Question

我想在另一侧放一个按钮，而不是另一个按钮

<ion-row>
                  <span   *ngIf="dado.status == 0" style="margin-left: 50%">
                  Pendende
                </span>      
                 <span   *ngIf="dado.status == 0" 
          style="background-color: #d9534f; margin-left: 50%;">
                  x Cancelar
                </span> 


    </ion-row>

Answer 1

不使用style="margin-left: 50%"尝试。您在按钮左侧添加了50％的边距，这是屏幕的一半。显然，两个边距为50％的按钮不能彼此相邻。您还可以添加display: inline-block;

<ion-row>
    <span   *ngIf="dado.status == 0" style="display: inline-block;">
              Pendende
    </span>      
    <span   *ngIf="dado.status == 0" style="background-color: #d9534f;
             display: inline-block;">
              x Cancelar
    </span> 


</ion-row>

提示：如果您在浏览器中运行它，例如Chrome，则可以右键单击每个项目，然后选择inspect。在那里，您可以动态添加/删除样式并查看结果。最有用的部分是名为“computed”的选项卡，您可以在其中查看每个项目的边距和填充。

https://developers.google.com/web/tools/chrome-devtools/inspect-styles/