【问题标题】:Show html elements on same line [closed]在同一行显示html元素[关闭]
【发布时间】:2021-01-23 14:41:24
【问题描述】:
<p [innerHTML]="viewTransactions | fdContent"></p>
<a [attr.href]="myLink" [innerHTML]="statementsLbl | fdContent"></a>

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

【问题讨论】:

  • 你能再描述一下你的问题吗?

标签: html css angularjs angular typescript


【解决方案1】:

有多种方法可以做到这一点,一种简单可靠的方法是使用弹性容器:

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

查看Flexbox specification 了解更多信息。

【讨论】:

  • 太棒了。那行得通。有没有办法在两者之间添加一个空格?
  • 你可以在你的a标签上加一个margin:&lt;a style="margin-left: 5px" [attr.href]="myLink" [innerHTML]="statementsLbl | fdContent"&gt;&lt;/a&gt;如果你想做更多的web开发你应该学习css:developer.mozilla.org/en-US/docs/Learn/…。干杯。
猜你喜欢
  • 1970-01-01
  • 2014-01-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多