关于css中flex布局垂直居中失效问题的原因
项目中遇到用flex进行页面布局后，使用上下居中设置：align-item: center;
目标效果如下：
但是失效，不起作用，如下图所示：
各种排查过后发现设置了子模块 align-self 属性，这会覆盖容器上的 align-items 设置，直接导致父元素的align-item: center;失效，无法垂直居中。
注：align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。
原文地址：https://blog.csdn.net/zuoyiran520081/article/details/140548234
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！