国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css - Flex布局問題

瀏覽:123日期:2023-06-19 15:13:10

問題描述

css - Flex布局問題header是用的flex布局,想要搜索框水平居中,類似原生IOS里面的布局

不受左右兩邊內容的影響,依然水平居中我記得我之前實現過,后來用了flex.css就忘了,麻煩看看用這個怎么實現

問題解答

回答1:

.header{ display:flex; flex-flow:row nowrap; align-item:center; justify-content:space-around;}

詳細了解Flex布局見:http://www.ruanyifeng.com/blo...

回答2:

只有三個元素可以直接用 space-between 撐開

https://jsfiddle.net/straybug...

你后來更新的

不受左右兩邊內容的影響,依然水平居中

既然不受影響那么只能是 absolute 抽離出來再居中了。

https://jsfiddle.net/straybug...

回答3:

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

回答4:

中間那個就用絕對定位,左右邊寬度不一樣的話會影響中間位置

.search { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}

標簽: CSS
相關文章:
主站蜘蛛池模板: avtt天堂网 手机资源 | 国产精品露脸脏话对白 | 日韩一级欧美一级一级国产 | 成人韩免费网站 | 成人欧美精品久久久久影院 | 国产成人精品福利网站在线观看 | 亚洲三级a | 国产免费久久精品久久久 | 亚洲第一区视频在线观看 | 国产精品合集一区二区 | 日本天堂视频在线观看 | 欧美日韩另类综合 | 亚洲男女网站 | 国产午夜精品久久理论片 | 人成精品 | 午夜影院亚洲 | 92看片淫黄大片看国产片 | 久久久免费网站 | 久久www免费人成看国产片 | 午夜黄色福利视频 | 国产精品久久久久久久久免费 | 一本久综合久久爱 | 国产免费高清在线精品一区 | 99久久精品免费看国产高清 | 欧美精品在欧美一区二区 | 中文字幕在线观看一区二区三区 | 欧美日韩加勒比一区二区三区 | 欧洲免费无线码二区5 | 欧美成人激情 | 美国一级毛片片aa免 | 精品久久久久久国产91 | 国产精品久久亚洲一区二区 | 亚洲成人免费在线 | 国产乱码精品一区二区三上 | 91亚洲精品国产第一区 | 丝袜美腿精品一区二区三 | 在线观看 a国v | hd欧美xxx欧美极品hd | 成视频年人黄网站免费 | 国产成人啪精品 | a级做爰视频免费观看 |