如何對齊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>