剛接觸時，感覺 align-items 就是 align-content 的強化版。一個支持單行，同時支持多行；另一個只支持多行。但是並不符合常理，對比之后發現還是有些沒有被描述清楚的差異。
定義還不知道的，出門左轉 MDN，隨便浪。
此布局值為 flex-end
多行容器之：align-items
以每一行為單位，行下對齊
多行容器之：align-content
以整個容器為單位，容器下對齊
參考：螢火蟲塔莉
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
flex布局中的align-items和align-content的區別
flex布局中 align-content 和align-items的區別
align-items和align-content的區別
align-items和align-content的區別
align-content和align-items的區別
關於align-items和align-content的區別和使用場景
微信小程序-flex布局中align-items和align-self區別
重新總結flex布局（flex，flex-direction，justify-content，align-items，flex-wrap，align-self）
flex布局（flex-warp 設置子元素是否換行 align-items設置側軸上的子元素排列方式（單行） align-content（多行）flex-flow是flex-direction和flex-wrap的復合寫法）
flex布局justify-content屬性和align-items屬性設置