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

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

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在线观看视频免费 | 久久综合精品视频 | 欧美视频一区 | 国产精品久久久久一区二区三区 | 一个人免费看的www 一及 片日本 | 作爱在线观看 | 亚洲网美女 | 色婷婷久久综合中文久久蜜桃 | 欧美视频一区二区三区四区 | 色综合日韩 | 狠狠综合久久久久综合小说网 | 久视频免费精品6 | 午夜嘿咻 | 先锋影音xfyy5566男人资源 | 香蕉久久夜色精品国产2020 | 亚洲一区在线免费观看 | 欧美jizzhd欧美精品 | 久草在线视频精品 | 人成午夜| 一级一级毛片免费播放 | 亚洲国产观看 | 欧美日韩性视频一区二区三区 | 中文字幕一区二区三区有限公司 | 色偷偷888欧美精品久久久 | 亚洲美女网址 | 欧美日韩一区二区三区在线观看 | 国产精品自拍一区 | 国产亚洲精品成人久久网站 | 日韩一级a毛片欧美一级 | 国产精品久久久久久久久免费观看 | 中文字幕日韩精品中文区 | 久草精品视频 | 国产成人丝袜网站在线看 | 99免费在线播放99久久免费 | 久久久久久久久久久视频国内精品视频 | 国内国语一级毛片在线视频 | 欧美日韩国产在线观看一区二区三区 | 日本道综合一本久久久88 |