鍍金池/ 問答/HTML/ 在寫flex布局的時候，有辦法讓兩個元素，一個靠左，一個居中嗎

在寫flex布局的時候，有辦法讓兩個元素，一個靠左，一個居中嗎

在編寫css的遇到這種情況，兩個元素橫著排列，如圖中的箭頭和標(biāo)題，不知道flex是否可以讓他們一個靠右一個居中

目前我使用的辦法是，父元素block 然后箭頭相對定位，標(biāo)題 定寬并且margin 0 auto

不知道大家有沒有什么好的辦法可以使用

clipboard.png

回答
編輯回答
嫑吢丕
  1. 強用flex：在右側(cè)加一個區(qū)塊，形成結(jié)構(gòu) 箭頭---標(biāo)題----與箭頭等寬塊， 這樣可以解決問題，有點不太優(yōu)雅。
  2. 采用絕對定位：把箭頭放于標(biāo)題塊中，箭頭相對于標(biāo)題塊絕對定位即可（推薦）
2018年6月29日 09:53
編輯回答
嫑吢丕

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

2017年11月1日 18:40
編輯回答
擱淺

可以實現(xiàn)，給左側(cè)圖標(biāo)一個寬度，然后右側(cè)設(shè)置

flex: 1;
text-align: center;

這樣中間文字偏右，也可以右側(cè)添加一個元素，但是隱藏。

2018年1月28日 11:47
編輯回答
夏木

可以添加第三個元素，然后把它隱藏起來。

2018年7月17日 13:13
編輯回答
吢丕

簡單粗暴的，多加一個元素，左中右，右邊的空元素和左邊的寬度一樣，

2017年7月10日 06:13
編輯回答
玩控
justify-content: space-between;

多加一個空元素

2018年5月30日 09:21