New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

垂直居中效果不一致 #4

Open

linjiaqin12138 opened this issue Oct 23, 2021 · 1 comment

linjiaqin12138 commented Oct 23, 2021

第二章“垂直居中”的第四个小节“单个块级元素”的第三点“使用flex实现”中

#parent{
    display: flex;
    align-items: center;
}

//或

#parent{display: flex;}
.son{align-self: center;}

效果如下

#parent{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

效果如下

效果不一致，后者才是正确的

Author

linjiaqin12138 commented Oct 23, 2021

Edge浏览器

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment