html - 如何对齐div右侧的一些3个按钮

Question

我有一个 div 并且想放置一些按钮，例如； div右侧的3个按钮。谁能帮助实现这一目标？

我在 Angular2 中使用 Primeng

<div class="ui-g-12" style="border:solid 1px red;">
  <button pButton type="button" class="ui-button-info" label="BUTTON1"></button>
  <button pButton type="button" class="ui-button-danger" label="BUTTON2"></button>
</div>

谢谢

这是我当前的输出。我需要将按钮放在右侧

Answer 1

试试这个:

<div class="ui-g-12" style="border:solid 1px red; text-align:right">
  <button pButton type="button" class="ui-button-info" label="BUTTON1"></button>
  <button pButton type="button" class="ui-button-danger" label="BUTTON2"></button>
</div>

没有指向 Angular2 的链接

你只需要添加 css 属性 text-align: right

点击此处获取更多信息

• https://www.w3schools.com/cssref/pr_text_text-align.asp