jquery模态对话框按钮div不正确右对齐-css使其占据总行数

Question

是样式表的新手，需要以下帮助。我的JSP代码使用模式对话框示例，类似于https://jqueryui.com/dialog/#modal-form中的演示我正在从该网站使用相同的CSS和JS，jQuery库。我有一个要求，在DIV中，我必须在右侧有一个“添加”（leftdiv）按钮，在右侧有一个分页（rightdiv）。该按钮将从上面的开源打开一个模式对话框，并使用其CSS。右侧对齐使用我的CSS并可以正常工作应当向左对齐的模式按钮向右。当我检查Chrome时，父div在2个不同的行中显示2个DIV。第一行包含左div，第二行包含rightDiv。

<div><div class="LeftAlign">
<button id="create-user">Add</button>
</div>
<div class="RightAlign">Pagination</div>
</div>

[当我检查按钮时，该类=“ ui-button ui-corner-all ui-widget”。我应该如何在代码中解释这一点。我如何更改CSS以使按钮在单个行中向左移动和分页向右对齐。预先感谢。

Answer 1

给予显示：屈曲；您父div的样式，例如：-

.first {display:flex;}
.RightAlign { margin-left: auto;}

所以HTML应该是：-

<div class="first">
  <div class="LeftAlign">
    <button id="create-user">Add</button>
  </div>
  <div class="RightAlign">Pagination</div>
</div>