align-items: flex-start 使子元素在交叉轴起始端对齐，如 row 方向下顶部对齐；2. align-items: flex-end 使子元素在交叉轴末端对齐，如 row 方向下底部对齐，二者决定元素在容器中贴顶或贴底显示。
在 CSS Flexbox 布局中，align-items: flex-start 和 align-items: flex-end 都用于控制弹性项目（flex items）在交叉轴（cross axis）上的对齐方式，它们的区别主要体现在对齐的起点和终点不同。
align-items: flex-start
将所有子元素沿着交叉轴的起始位置对齐。
如果是默认的 row 方向（主轴水平），交叉轴就是垂直方向，那么元素会顶部对齐。 容器如果有额外的垂直空间，空间会分布在元素下方。
align-items: flex-end
将所有子元素沿着交叉轴的结束位置对齐。
九歌
九歌–人工智能诗歌写作系统
322 查看详情 同样在 row 方向下，元素会底部对齐。 额外的垂直空间会出现在元素的上方。举个例子：有一个高度大于子元素总高的 flex 容器，子元素是一个 div。使用 flex-start 时 div 贴顶显示；使用 flex-end 时 div 贴底显示。
基本上就这些——区别就在于交叉轴上是“贴边”还是“贴底”，取决于你希望内容从哪一端堆起。
以上就是css align-items:flex-start与flex-end区别的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1030689.html
微信扫一扫 
支付宝扫一扫 
