gpt4 book ai didi

html - Flexbox:右对齐几个元素

转载 作者:搜寻专家 更新时间:2023-10-31 22:54:44 25 4
gpt4 key购买 nike

<分区>

我有一个 HTML 结构:

  <div class="parent">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item item--right">4</div>
<div class="item item--right">5</div>
</div>

和样式:

.parent {
display: flex;
flex-wrap: no-wrap;
align-content: flex-start;
}

.item {
width: 50px;
}

我希望元素 1、2 和 3 位于左侧,元素 4 和 5 位于右侧。我试图使用 align-self: right 解决这个问题:

.item--right {
align-self: right;
}

但这并没有帮助。
Here's我的 fiddle 我做错了什么?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com