在写flex布局的时候，有办法让两个元素，一个靠左，一个居中吗

Question

在编写css的遇到这种情况，两个元素横着排列，如图中的箭头和标题，不知道flex是否可以让他们一个靠右一个居中

目前我使用的办法是，父元素block 然后箭头相对定位，标题 定宽并且margin 0 auto

不知道大家有没有什么好的办法可以使用

Answer 1

1. 强用flex：在右侧加一个区块，形成结构 箭头---标题----与箭头等宽块， 这样可以解决问题，有点不太优雅。
2. 采用绝对定位：把箭头放于标题块中，箭头相对于标题块绝对定位即可（推荐）

Answer 2

可以添加第三个元素，然后把它隐藏起来。

Answer 3

justify-content: space-between;

多加一个空元素

Answer 4

可以实现，给左侧图标一个宽度，然后右侧设置

flex: 1;
text-align: center;

这样中间文字偏右，也可以右侧添加一个元素，但是隐藏。

Answer 5

justify-content: space-between;
align-item:center;
多加一个元素,
-

Answer 6

简单粗暴的，多加一个元素，左中右，右边的空元素和左边的宽度一样，