高级前端
css
【Q526】flex 布局中 align-content 与 align-items 有何区别

flex 布局中 align-content 与 align-items 有何区别

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 539 (opens in a new tab)

Author 回答者: shfshanyue (opens in a new tab)

示例代码见: align-content 与 align-items (opens in a new tab)

  • align-content 作用于纵轴多行元素,一行元素不起作用
  • align-items 作用于纵轴单行元素

下图,上部分为 align-content,下部分为 align-items

image