国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 日韩欧美毛片免费观看视频 | 黄色天堂在线 | 91一区二区在线观看精品 | 欧美激情欧美狂野欧美精品免费 | 精品一区二区久久久久久久网站 | 5x社区直接进入一区二区三区 | 深夜福利视频在线观看免费播放 | 欧美成网站| 成人午夜免费视频毛片 | 亚洲狠狠ady亚洲精品大秀 | 亚洲韩国欧美一区二区三区 | 色精品视频 | 欧美日本高清视频在线观看 | 中文字幕亚洲精品久久 | 国内精品2020情侣视频 | 欧美视频亚洲 | 美女被躁免费视频软件 | 国产精品blacked在线 | 新版天堂资源中文在线 | 中文字幕一区二区三区在线观看 | 一级做a爰| 日本三级11k影院在线 | 一级特级毛片免费 | 成年女人黄小视频 | a级毛片毛片免费观看久潮喷 | 成人精品视频一区二区在线 | 日韩美女一级毛片 | 成人a毛片久久免费播放 | 另类在线 | 色偷偷亚洲第一成人综合网址 | 看三级毛片 | 精品国产呦系列在线看 | 午夜不卡视频 | 欧美一级在线观看 | 天天干夜夜怕 | 亚洲一区 中文字幕 久久 | 国产欧美日韩精品高清二区综合区 | 国产伦一区二区三区四区久久 | 鲁老汉精品视频在线观看 | 综合欧美一区二区三区 | 免费无遮挡毛片 |