亚洲免费在线视频-亚洲啊v-久久免费精品视频-国产精品va-看片地址-成人在线视频网

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

css - 為何flex的align-items: center無法垂直居中?

瀏覽:152日期:2023-01-08 11:43:14

問題描述

參看語法規則完成練習,我只能水平居中,無法垂直居中,是少設置了什么嗎?我想實現的是在位置高度的情況下實現居中,這樣可以用到flex嗎?

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style>.box1{ width: 400px; height: 200px; background: #ccc; position: relative;}.leftCircle{ position: absolute; left: 0; top: 0; background: #fc0; width: 50px; height:50px; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; border-radius:0 0 50px 0;}.rightCircle{ position: absolute; right: 0; bottom: 0; background: #fc0; width: 50px; height:50px; -webkit-border-radius:50px 0 0 0; -moz-border-radius:50px 0 0 0; border-radius:50px 0 0 0;}body{ display: flex; justify-content: center; align-items: center;} </style></head><body><p class='box1'> <p class='leftCircle'></p> <p class='rightCircle'></p></p></body></html>

問題解答

回答1:

給body 一個高度,這樣可以垂直居中了

html,body,.box1{ display: flex; justify-content: center; align-items: center; height:100%;}

標簽: CSS
相關文章:
主站蜘蛛池模板: 国产一成人精品福利网站 | 欧美日韩精品一区二区在线线 | 亚洲天堂2016 | 日韩毛片 | 精品欧美日韩一区二区三区 | 欧美成人三级伦在线观看 | 国产成人a福利在线观看 | 91久久国产综合精品女同国语 | 午夜精品视频在线观看美女 | 亚洲天堂视频在线 | 成人三级视频 | 国产亚洲精品福利片 | 色综合久久久 | 老师张开腿让我捅 | 日韩精品一区二区三区乱码 | 特黄a大片免费视频 | 欧美视频在线观看网站 | 欧美精品在线一区 | 娇喘嗯嗯~轻点啊视频福利 | 欧美les视频xxxx在线观看 | 亚洲精品播放 | 国产欧美日本在线 | 国产成人精品精品欧美 | 亚洲国产日韩女人aaaaaa毛片在线 | 久久精品网站免费观看调教 | 亚洲国产成人久久一区久久 | 一级毛片免费在线 | 波多野结衣中文视频 | 精品一精品国产一级毛片 | 99视频在线观看视频一区 | 欧美级| 日本欧美一级二级三级不卡 | 成人免费一区二区三区视频软件 | 日本一区二区三区欧美在线观看 | 亚州国产 | 国内精品免费一区二区三区 | 亚洲成a人片在线播放 | 国产成人一区二区视频在线观看 | 免费亚洲视频 | 亚洲线精品一区二区三区 | 免费五级在线观看日本片 |