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

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

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

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

https://img1.mukewang.com/5b947a4b0001713204010035.jpg

茅侃侃
浏览 19398回答 3
3回答

MYYA

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

慕丝7291255

可以实现,给左侧图标一个宽度,然后右侧设置flex: 1;text-align: center;这样中间文字偏右,也可以右侧添加一个元素,但是隐藏。

慕仰8018949

1、父元素设置text-align:center2、文字部分设置flex:1
打开App,查看更多内容
随时随地看视频慕课网APP