我正在寻找针对常见用例的FlexBox布局最佳实践的解决方案。
在示例中，我想使用FlexBox使得分数向右浮动。我想过使用：
position: absolute,right: 0,
但问题是我们不能使用中心对齐外盒。
我能想到的另一种方法是制作另一个柔性盒来包装图像和命名部件，然后创建一个外部柔性盒来使用
justifyContent: 'space-between' to make the expected layout.
这似乎是一个非常常见的UI范例，我想知道最佳实践是什么。非常感谢你！
解决方法
这对你有所帮助
.parent {
display: flex;
}
.child2 {
margin-left: auto;
}
<div class="parent"> <div class="child1">left</div> <div class="child2">right</div> </div>
