亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

茅侃侃 2018-09-08 09:40:52
在編寫css的遇到這種情況,兩個元素橫著排列,如圖中的箭頭和標題,不知道flex是否可以讓他們一個靠右一個居中目前我使用的辦法是,父元素block 然后箭頭相對定位,標題 定寬并且margin 0 auto不知道大家有沒有什么好的辦法可以使用
查看完整描述

3 回答

?
MYYA

TA貢獻1868條經驗 獲得超4個贊

  1. 強用flex:在右側加一個區塊,形成結構 箭頭---標題----與箭頭等寬塊, 這樣可以解決問題,有點不太優雅。

  2. 采用絕對定位:把箭頭放于標題塊中,箭頭相對于標題塊絕對定位即可(推薦)


查看完整回答
反對 回復 2018-09-09
?
慕絲7291255

TA貢獻1859條經驗 獲得超6個贊

可以實現,給左側圖標一個寬度,然后右側設置

flex: 1;text-align: center;

這樣中間文字偏右,也可以右側添加一個元素,但是隱藏。


查看完整回答
反對 回復 2018-09-09
?
慕仰8018949

TA貢獻1條經驗 獲得超0個贊

1、父元素設置text-align:center

2、文字部分設置flex:1

查看完整回答
反對 回復 2020-03-26
  • 3 回答
  • 0 關注
  • 20089 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號