如何对齐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

Answer 2

添加text-align: right; 到您的按钮的父项：

 <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>