css - Flex布局问题
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-19 10:47:50
[CSS3讨论组]


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


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

曾经蜡笔没有小新
曾经蜡笔没有小新

全部回复(2)
伊谢尔伦

主要用到 align-items: center 即可
这是demo

我想大声告诉你

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

.search {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号