CSS3 align-self 屬性是用于控制彈性盒子容器中每個項目的對齊方式的。通過該屬性，可以對單個項目進行對齊操作。 下面是 align-self 屬性的語法： ```css align-self: auto | flex-start | flex-end | center | baseline | stretch; ``` - auto：默認值，如果該元素有父元素，其對齊方式將由父元素的align-items屬性決定。否則將與stretch的效果相同。 - flex-start：元素將對齊到彈性盒子的起始邊緣處。 - flex-end：元素將對齊到彈性盒子的結束邊緣處。 - center：元素將對齊到彈性盒子的中心位置。 - baseline：元素將對齊到其父元素的基線上。 - stretch：元素將被拉伸以填滿整個容器。 下面是一個示例： ```html``` ```css .flex-container { display: flex; } .box { background-color: #8ef; color: #fff; font-size: 20px; padding: 10px; flex: 1; } .align-self-center { align-self: center; } ``` 在上面的示例中，三個 div 元素組成了一個彈性盒子容器。第二個 div 元素被設置了 align-self-center 類，該類使用了 align-self 屬性并將元素在垂直方向上對齊到容器的中心位置。 通過 CSS3 align-self 屬性，我們可以在彈性盒子容器中對單個元素進行更精細的對齊操作，提高頁面布局效果和美觀度。