HTML和CSS中水平轴导航中元素的位置[已关闭]

j0pj023g  于 2023-06-20  发布在  其他
关注(0)|答案(1)|浏览(109)

6天前关闭
Improve this question

<div class="container">
    <ul class="elementButtonHead">
          <li><h1>Elindorn</h1></li>
             <li><p>Создать</p></li>
             <li><p>Работы</p></li>
             <li><p>Настройки</p></li>
             <li><p>О нас</p></li>
             <li id="enter"><p>Войти</p></li>
             <li id="account"><img src="images/account_image.jpg" style="width: 50px; height: 50px; border-radius: 50%;"></li>
         </ul>
</div>

大家好,我不能使用display将最后两个元素放在右边:flex,grid;

尝试使用:

. parent {

显示:flex;

.子元素{

align-self:flex-end;或align-content:柔性端;

h7wcgrx3

h7wcgrx31#

如果你想沿着水平方向对齐元素,使用justify-content而不是align-selfalign-content,因为它们是在垂直方向上对齐的。因此,要在父元素的最右侧对齐元素,请使用justify-content: flex-end;
希望这有帮助!

相关问题