如何对齐div右侧的3个按钮

Question

我有一个div，想要放置一些按钮，例如; div的右侧有3个按钮。任何人都可以帮助如何实现这一目标吗？

我正在使用Primeng和Angular2

<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

Answer 2

将text-align: right;添加到按钮的父级：

＆＃13;

＆＃13;

<div class="ui-g-12" style="text-align: right; 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>

＆＃13;

＆＃13;

＆＃13;