国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 午夜爽爽视频 | 中国国产一级毛片 | 香蕉成人国产精品免费看网站 | 中文字幕在线免费观看视频 | 2019偷偷狠狠的日日 | 欧美成人艳星在线播放 | 美女黄页网| a级毛片免费在线观看 | 91久久国产露脸精品 | 欧美性色生活片天天看99 | 91老色批网站免费看 | 日本一级大毛片a一 | 欧洲国产伦久久久久久久 | 日日摸天天摸狠狠摸视频 | 久久国产成人亚洲精品影院老金 | 久久视频这里只精品3国产 久久视频这里只有精品 | 国产美女视频黄a视频全免费网站 | 国产精品久久久久影院色老大 | 久久久久久在线 | 国内交换一区二区三区 | 国产精品久久久久久网站 | 一级成人毛片免费观看 | 美女毛片在线观看 | 精品日本久久久久久久久久 | 奇米影视7777久久精品 | 美日韩一级| 国产成人高清视频在线观看免费97 | 亚洲精品国产一区二区图片欧美 | 最新亚洲国产有精品 | 亚洲国产三级在线观看 | 久草手机视频在线 | 黄人成a动漫片免费网站 | 国产精品午夜波多野结衣性色 | 狠狠色丁香九九婷婷综合五月 | 欧美理论片在线观看一区二区 | 波多野结衣在线观看一区二区三区 | 国产精品jvid在线观看 | 国产自在自线午夜精品视频 | 久久久免费观成人影院 | 国产高清在线看免费视频观 | 国产精品一区二区四区 |