显示全屏,内容上下居中

Posted 最爱小虾

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了显示全屏,内容上下居中相关的知识,希望对你有一定的参考价值。

关键:vh; flex;

    .container {
      height: 100vh; /* 100vh = viewport height*/
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

 

以上是关于显示全屏,内容上下居中的主要内容,如果未能解决你的问题,请参考以下文章

如何让导航栏在一行上全屏显示以及设置百分比让其居中显示

使用viewpager时,片段不会全屏显示

背景图全屏显示

泸州老窖(全屏滚动)项目总结

Android 全屏片段不显示导航和状态栏后面的元素

背景图片居中全屏自适应显示