javascript 将第一个div与第二个div在同一高度对齐，第一个div应该放在最左边，第二个div应该放在最右边

yacmzcpb 于 2023-06-28 发布在 Java

关注(0)|答案(1)|浏览(129)

在容器div中，我需要将两个子div放置在相同的高度。第一个div（Total elements）应该锚定在最靠近页面左侧的位置，第二个div（The button）应该锚定在最靠近页面右侧的位置。

<div class="p-grid p-dir-col">

    <div class="p-col">

        <div class="p-grid p-justify-between">

            Test

        </div>

    </div>

</div>

**<div class="container">**

<div *ngIf="searchLaunched" class="left-div" style="padding: 0.5em; font-size: 1.25em;">

    {{ totalElements }} élément<span *ngIf="totalElements > 1">s</span> trouvé<span *ngIf="totalElements > 1">s</span>

</div>

<div *ngIf="canCreate" class="p-grid p-justify-end p-nogutter btn-table-crud-top" style="margin-top: 0.5em;">

    <p-button (click)="addUser()" label="Créer utilisateur" title="{{ tooltips.creer }}"></p-button>

</div>

</div>
</div>

</div>

<p-table>
Test
</p-table>

JavaScript

来源：https://stackoverflow.com/questions/76553672/align-the-first-div-on-the-same-height-with-the-second-div-the-first-div-should

1条答案

按热度按时间

scyqe7ek1#

将Flexbox与justify-content: space-between配合使用

div.container {
  display: flex;
  justify-content: space-between;
}

<div class="container">

  <div>
    totalElements
  </div>

  <div>
    <button>create user</button>
  </div>

</div>

赞(0）回复(0）举报 2023-06-28

我来回答

javascript 将第一个div与第二个div在同一高度对齐，第一个div应该放在最左边，第二个div应该放在最右边

1条答案

相关问题

热门标签

最新问答