Skip to content
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.

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

flexbox 2020: Implement `align-items` and `align-self`, excluding `baseline` #27339

Merged
merged 7 commits into from Jul 21, 2020
Prev

Add manual test for align-self

  • Loading branch information
Manishearth committed Jul 21, 2020
commit f2bfa08a85cdadcbdd514bb704cab864d344abe0
@@ -0,0 +1,41 @@
<style type="text/css">
#box {
display: flex;
align-items: center;
}

#box>div {
background-color: yellow;
margin: 2px;
border: 1px solid black;
}
#a div {
height: 20px;
}

#b div {
height: 50px;
}

#c div,#d div,#e div {
height: 30px;
}

#a {
align-self: stretch;
}

#d {
align-self: flex-end;
}
#e {
align-self: flex-start;
}
</style>
<div id=box>
<div id=a><div>A</div></div>
<div id=b><div>B</div></div>
<div id=c><div>C</div></div>
<div id=d><div>D</div></div>
<div id=e><div>E</div></div>
</div>
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.