Flex布局问题

图片描述
header是用的flex布局,想要搜索框水平居中,类似原生IOS里面的布局


不受左右两边内容的影响,依然水平居中
我记得我之前实现过,后来用了flex.css就忘了,麻烦看看用这个怎么实现

阅读 5.5k
5 个回答

flex-basis:0%; 了解一下

中间那个就用绝对定位,左右边宽度不一样的话会影响中间位置

.search {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题