解决flex布局align-items:center无法垂直居中的问题
1,342人次看过本文
在作flex布局的时候,有时候你可能会遇到align-items:center无法垂直居中的问题。比如:
#main{ display: flex; justify-content: center; align-items: center; } #content{ width: 100px; height: 100px; background-color: #1890FF; }
此时align-items:center垂直居中失效,只能水平居中,不能垂直居中。
这是由于main缺乏高度,100%的高度是不起作用的,最好设置height高度为100vh,这样就能够解决这个问题了。
height: 100vh;
这样就能够解决align-items:center无法垂直居中的问题了。
7
本文标签:
转载或复制本文请附带:素材地带
本文URL: https://www.chanbee.com/336.html
本文素材:CHANBEE-336.rar
本站素材解压密码是:chanbee.com
本文URL: https://www.chanbee.com/336.html
本文素材:CHANBEE-336.rar
本站素材解压密码是:chanbee.com
(⚠️注:本站的素材绝大数是以医学、科学和健康这几方面为主,主要适合学医人员用来学习交流,非学医人员建议不要浏览。)

随机推荐
外科老教授解说男人阴囊课堂现场
2,528人次看过
临床学生观摩导师用老年大体老师解刨讲解睾丸结构
207人次看过
白胡子老伯做疝气课堂讲解的模特
706人次看过
国外男性老年人腹股沟疝检查
3,118人次看过
年轻医生给白胡子老伯检查疝气
901人次看过
韩国中老年假体植入助勃器测试
713人次看过
瘦老伯现场充当疝气检查模特
1,183人次看过
最多有用前10篇
近期文章
六旬胖叔做包皮环切
114人次看过
护士给老叔从头到脚全身普通检查
102人次看过
导师在给学生讲解男性老年人疝气
106人次看过
男性腹股沟疝的临床检查
115人次看过
护士给病床中年男性安装导尿管
143人次看过
护士给瘦老伯安插导尿管
155人次看过