为了账号安全,请及时绑定邮箱和手机立即绑定

在写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 关注
  • 19365 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信