gpt4 book ai didi

html - 在 flex 中将 div 的内容右对齐

转载 作者:行者123 更新时间:2023-12-05 09:08:49 24 4
gpt4 key购买 nike

<分区>

我尝试将 Add to library divfloat: right 样式对齐,但它似乎不起作用。如何将 div 对齐到 flex 的右侧。有人可以帮忙吗?

.song {
display: flex;
flex-direction: row;
border: 1px solid red;
padding: 10px
}

.song-name {
padding: 10px;
display: flex;
align-items: center;
}

.song-action {
padding: 10px;
display: flex;
align-items: center;
color: red;
}
<div class="song">
<div class="album-cover">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y" />

</div>
<div class="song-name">
Song name
</div>
<div class="song-action">
Add to library
</div>
</div>

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