web页面全部居中显示

常见集中显示分为4类

（1）利用定位position，手段不可实际，因为不是每种情况都用定位

（2）css原有的代码，上下居中line-height，左右居中用text-allgin

（3）用盒模型进行padding,不建议使用

（4）表格中即为table居中

现在分享个居中情况，如下图所示

结构为ul>li>ul>li结构

需要运用到两行代码，既可以居中

display: flex;

    align-items: center;

还可以用padding值