Html 在flex中将div的内容向右对齐

我试图用float:right样式将Add-to-library div向右对齐，但似乎不起作用。如何将该div与flex的右侧对齐。有人能帮忙吗

宋先生{ 显示器：flex； 弯曲方向：行； 边框：1px纯红； 填充：10px } .歌名{ 填充：10px； 显示器：flex； 对齐项目：居中； } .歌曲动作{ 填充：10px； 显示器：flex； 对齐项目：居中； 颜色：红色； } 歌名 添加到库中

---

只需在要推到一边的元素上使用marginleft:auto。在flex容器中，任何一侧带有自动边距的东西都会将其推到最远的另一侧

宋先生{ 显示器：flex； 弯曲方向：行； 对齐项目：居中； 边框：1px纯红； 填充：10px } .歌名{ 填充：10px； 显示器：flex； 对齐项目：居中； } .歌曲动作{ 填充：10px； 左边距：自动； 颜色：红色； } 歌名 添加到库中

---

只需在要推到一边的元素上使用marginleft:auto。在flex容器中，任何一侧带有自动边距的东西都会将其推到最远的另一侧

宋先生{ 显示器：flex； 弯曲方向：行； 对齐项目：居中； 边框：1px纯红； 填充：10px } .歌名{ 填充：10px； 显示器：flex； 对齐项目：居中； } .歌曲动作{ 填充：10px； 左边距：自动； 颜色：红色； } 歌名 添加到库中 只需在addtolibrary div中添加左边距：auto

宋先生{ 显示器：flex； 弯曲方向：行； 边框：1px纯红； 填充：10px } .歌名{ 填充：10px； 显示器：flex； 对齐项目：居中； } .歌曲动作{ 填充：10px； 显示器：flex； 对齐项目：居中； 左边距：自动； 颜色：红色； } 歌名 添加到库中 只需在addtolibrary div中添加左边距：auto

宋先生{ 显示器：flex； 弯曲方向：行； 边框：1px纯红； 填充：10px } .歌名{ 填充：10px； 显示器：flex； 对齐项目：居中； } .歌曲动作{ 填充：10px； 显示器：flex； 对齐项目：居中； 左边距：自动； 颜色：红色； } 歌名 添加到库中

---

使用justify content:flex-end；。确保未将“弯曲方向”更改为“柱”。如果您有，那么您应该使用align items:flex-end。他只希望一个项目正确对齐。不是整个菜单@SachinSingh@seesharper在这种情况下，他还可以在目标元素上使用align self属性，或者在下面的答案中提到的margin:auto。谢谢你指出。你想把它对齐到什么位置？文本或图像？使用justify content:flex end；。确保未将“弯曲方向”更改为“柱”。如果您有，那么您应该使用align items:flex-end。他只希望一个项目正确对齐。不是整个菜单@SachinSingh@seesharper在这种情况下，他还可以在目标元素上使用align self属性，或者在下面的答案中提到的margin:auto。谢谢你指出。你想把它对齐到什么位置？文本还是图像？