Question

我有一个要使用align-items：center属性下移的表单。此表单位于父包装器div内，且ID为left。由于将对齐项用于垂直放置，为什么左div粘在顶部而不向下移到中心？

为了清楚说明我期望发生的事情，我提供了一张图片 https://twitter.com/yama_code/status/1061751980400488449

左div具有以下属性

        display:flex;
        flex-direction:column;
        flex:1;
        align-items:center;
        height:100vh;

Answer 1

原因是因为"([^"]|\\")*"影响子元素或flex容器中的元素。

试着将您希望居中对齐的元素放在具有[^"]*("([^"]|\\")*"[^"]*)*属性的父对象中。