# 垂直对齐方式 > align-items 属性 ## 结构 ``` <div id="result"> <div style="background: darkgreen"></div> <div style="background: red"></div> <div style="background:darkorange"></div> <div style="background: hotpink"></div> </div> ``` ## CSS ~~~ #result { display: flex; align-items:?????; } ~~~ - flex-start (默认值。项目位于容器的开头)  - flex-end  - stretch  - baseline  - center  - initial