任何人都可以告诉我之间的差异align-items和align-content?
在试图回答这个问题的同时,我试图提出一个灵活的解决方案。我能得到的最接近的是这个:
.container {
height: 500px;
width: 500px;
background-color: red;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-between; /* puts spacing between left and right column */
}
.headerTitle {
width:100%;
height: 24px;
margin: 24px 24px 0;
padding: 0;
line-height: 24px;
}
.sectionClass {
width: 249px;
height: 200px;
background-color: yellow;
}
.rightSideDiv {
width: 249px;
height: 200px;
border: 4px solid green;
box-sizing:border-box; /* need this otherwise border will take an extra 8px width in some browsers */
}Run Code Online (Sandbox Code Playgroud)
<aside>
<div …Run Code Online (Sandbox Code Playgroud)