在同一行显示html元素

Question

<p [innerHTML]="viewTransactions | fdContent"></p>
<a [attr.href]="myLink" [innerHTML]="statementsLbl | fdContent"></a>

如何使链接显示在viewTransactions之后而不是在新行上显示？

Answer 1

执行此操作的方法有多种，一种简单而可靠的方法是使用flex容器：

<div style="display: flex">
 <p [innerHTML]="viewTransactions | fdContent"></p>
 <a [attr.href]="myLink" [innerHTML]="statementsLbl | fdContent"></a>
</div>

看看Flexbox specification了解更多信息。