Css 如何证明内容的合理性？

我有以下代码：

<ion-button expand=“full” (click)=“do()“>
  <ion-icon name=“cart” slot=“start”></ion-icon>
  TEXT
</ion-button>

---

我以为这会导致内容向左对齐，但什么也没发生。看起来css完全被忽略了

如果在按钮内添加div并使用Ionic 4 CSS实用程序（在您的示例中为text left/text start），则可以将文本和图标向左对齐

文档：

---

在

span

中包装内部内容并添加css

  .inner-span{
    margin-left:auto;
  }

如下所示（使用

“

代替

”

）

正文

---

太棒了。没想到会发生这样的事……谢谢你，托马斯！@Kai SebastianBirkenstock很乐意帮忙；）

<ion-button expand=“full” (click)=“do()“>
 <div text-left>
  <ion-icon name=“cart” slot=“start”></ion-icon>
  TEXT
 </div>
</ion-button>

ion-button > div {
  width: 100%;
}

  .inner-span{
    margin-left:auto;
  }

<ion-button expand="full" (click)="do()">
  <span class="inner-span">            
   <ion-icon name="cart" slot="start"></ion-icon>
   TEXT
  </span> 
</ion-button>