午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

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

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

瀏覽:293日期: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
相關文章:
主站蜘蛛池模板: 一起操在线播放 | 久久久综合久久久 | 日韩高清一二三区 | 一级免费黄色录像 | 麻豆国产精品777777在线 | 国产一区91精品张津瑜 | 日韩精品理论 | 日韩欧美在线精品 | 视频国产一区二区 | 亚洲丝袜综合 | 午夜在线精品 | 日韩在线亚洲 | 成人欧美一区二区三区在线观看 | 日韩精品一区三区 | 色综合天天综合网天天狠天天 | 成人午夜视频网站 | 国产精品一区二区免费看 | 国产人成在线 | 欧美一级欧美三级 | 香蕉视频在线网址 | 国产综合第一页 | 亚洲成熟女人毛茸茸 | 久久久久| 国产精品久久久久久久久久久久 | 日本黄色小视频在线观看 | 亚洲国产经典 | 国产最新精品视频 | 亚洲成人网页 | 一本色道久久综合亚洲精品图片 | 91精品国产成人 | 国产成人高清在线 | 18av在线播放 | 成人在线观看免费高清 | 欧美日韩精品在线观看视频 | 污片在线免费观看 | 色黄大色黄女片免费中国 | 麻豆av网站 | 在线www| 日韩国产免费 | 免费在线成人网 | 午夜av一区二区三区 |