Place Self

개별 아이템 세로 정렬

: align-self

.item {
	align-self: stretch;
	align-self: start;
	align-self: center;
	align-self: end;
}

1️⃣ stretch

A

B

C

D

E

F

G

H

I

2️⃣ start

A

B

C

D

E

F

G

H

I

3️⃣ center

A

B

C

D

E

F

G

H

I

4️⃣ end

A

B

C

D

E

F

G

H

I

 

 

개별 아이템 가로 정렬
: justify-self

.item {
	justify-self: stretch;
	justify-self: start;
	justify-self: center; 
	justify-self: end; 
}

1️⃣ stretch

A

B

C

D

E

F

G

H

I

2️⃣ start

A

B

C

D

E

F

G

H

I

3️⃣ center

A

B

C

D

E

F

G

H

I

4️⃣ end

A

B

C

D

E

F

G

H

I

 

align-self + justify-self

: place-self

.item {
	place-self: align-self justify-self;
}