align-self用于flex布局中单个子元素在交叉轴的对齐,可覆盖align-items;取值有auto、flex-start、flex-end、center、baseline、stretch;例如容器设align-items: center时,某子项设align-self: flex-start则该子项靠上对齐。

align-self 是 CSS 中用于控制 Flexbox 布局中单个子元素在交叉轴(cross axis)上对齐方式的属性。它允许某个具体的子元素覆盖父容器设置的 align-items 对齐行为。
基本作用
当一个容器使用了display: flex,它的子元素默认会遵循容器的 align-items 设置进行对齐。但如果你希望其中一个子元素与众不同,就可以用 align-self 单独设置它的对齐方式。常用取值
- auto:默认值,继承父容器的 align-items 行为,如果没有父容器则等同于 stretch。
- flex-start:元素在交叉轴起点对齐。
- flex-end:元素在交叉轴终点对齐。
- center:元素在交叉轴居中对齐。
- baseline:元素在交叉轴按基线对齐。
- stretch:元素拉伸以填满容器(注意:前提是元素没有设置固定尺寸)。
使用示例
假设有一个 Flex 容器,大多数子项居中对齐,但某一项想靠上对齐:
.container {
display: flex;
align-items: center; /* 所有子项默认居中 */
}
.special-item {
align-self: flex-start; /* 这个子项单独靠顶部对齐 */
}
此时 .special-item 就会在交叉轴上与其他子项不同,出现在上方。
基本上就这些,align-self 是微调 Flex 子元素对齐的实用工具,灵活但不复杂。
本文档主要讲述的是关于Objective-C手动内存管理的规则;在ios开发中Objective-C 增加了一些新的东西,包括属性和垃圾回收。那么,我们在学习Objective-C之前,最好应该先了解,从前是什么样的,为什么Objective-C 要增加这些支持。有需要的朋友可以下载看看









