Box:
A
B
C
D
E
F
G
H
溢出？
不换行？
rtl？
D:rtl？
display:
block
flex
grid
B
F
G
justify-items:
start
center
end
B
F
G
justify-self:
start
center
end
B
F
G
justify-content:
safe *
start
center
end
space-between
space-around
space-evenly
stretch
flex-start
flex-end
B
F
G
align-items:
start
center
end
baseline
stretch
self-start
self-end
B
F
G
align-self:
start
center
end
baseline
stretch
B
F
G
align-content:
safe *
start
center
end
B
space-between
space-around
space-evenly
stretch
margin:
-right: auto
-left: auto
-top: auto
-bottom: auto
flex-direction:
row
row-reverse
column
column-reverse
flex-start|flex-end 和 flex-direction:='row-reverse' 有关。
self-start|self-end 和 flex-direction:='column|column-reverse', direction='rtl' 有关。