亚洲免费在线视频-亚洲啊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
相關文章:
主站蜘蛛池模板: 国产妇乱子伦视频免费 | 国产一在线精品一区在线观看 | 国产高清a毛片在线看 | 国产丶欧美丶日韩丶不卡影视 | 真人真实毛片免费观看 | 久久精品中文字幕第一页 | 全国男人天堂网 | 99久久这里只精品国产免费 | 亚洲三级免费观看 | 香港经典a毛片免费观看爽爽影院 | 全午夜免费一级毛片 | yy6080福利午夜免费观看 | 性久久久久 | 麻豆传媒一区 | 一级黄色香蕉视频 | 久草手机在线观看 | 免看一级a毛片一片成人不卡 | 亚洲午夜久久 | 性欧美高清久久久久久久 | 国产精品19p | mm在线视频免费看 | 国产成人综合久久亚洲精品 | 亚洲三级在线看 | 美女被男人桶到嗷嗷叫爽网站 | 国产看片一区二区三区 | 男人天堂成人 | 加勒比综合网 | 99国产精品农村一级毛片 | 久久高清免费视频 | 午夜影院0606 | 欧美一区二区在线观看 | 日本毛片在线观看 | 视频一区视频二区在线观看 | 亚洲欧美精品成人久久91 | 欧美日韩永久久一区二区三区 | 久久福利资源国产精品999 | 青青草福利视频 | 韩国good三级在线观看久 | 日韩欧美在线播放 | 精品国产91在线网 | 国产jk福利视频在线观看 |