Css 如何移动对话框标题上的按钮?

Css 如何移动对话框标题上的按钮?,css,sass,Css,Sass,我想向右移动3个按钮(保存、编辑、删除按钮)。谁能告诉我我错过了什么吗? 这是我的密码: 主动警报 我还试着做: “浮动:对” 但它会将所有按钮向右移动,并将关闭(X)按钮向左移动 注意: 单击“显示”按钮查看标题上有按钮的“我的对话框” 我想将所有按钮向右移动,并将关闭按钮一直保持在右侧。删除按钮和关闭按钮应相邻 尝试将此添加到CSS文件中: .ui-dialog-titlebar-close { position:absolute; right:0; } 与: <

我想向右移动3个按钮(保存、编辑、删除按钮)。谁能告诉我我错过了什么吗? 这是我的密码:


主动警报
我还试着做:

“浮动:对”


但它会将所有按钮向右移动,并将关闭(X)按钮向左移动

注意:

  • 单击“显示”按钮查看标题上有按钮的“我的对话框”

  • 我想将所有按钮向右移动,并将关闭按钮一直保持在右侧。删除按钮和关闭按钮应相邻


尝试将此添加到CSS文件中:

.ui-dialog-titlebar-close {
  position:absolute;
  right:0;
}
与:

<div style = "float:right">
  <button pButton type="button" icon="fa-save" (click)="saveAlert()"></button>
 <button pButton type="button" icon="fa-pencil" (click)="editItem()"></button>
<button pButton type="button" icon="fa-trash"></button>
</div>


请看

我添加了一个劫掠器,现在可以了吗?
.ui-dialog-titlebar-close {
  position:absolute;
  right:0;
}
<div style = "float:right">
  <button pButton type="button" icon="fa-save" (click)="saveAlert()"></button>
 <button pButton type="button" icon="fa-pencil" (click)="editItem()"></button>
<button pButton type="button" icon="fa-trash"></button>
</div>