justify-content

◆start
.justify-content_start{
display:flex;
justify-content:start;
}
1
2
3
4
5

◆end
.justify-content_end{
display:flex;
justify-content:end;
}
1
2
3
4
5

◆flex-start
.justify-content_flex-start{
display:flex;
justify-content:flex-start;
}
1
2
3
4
5

◆flex-end
.justify-content_flex-end{
display:flex;
justify-content:flex-end;
}
1
2
3
4
5

◆center
.justify-content_center{
display:flex;
justify-content:center;
}
1
2
3
4
5

◆left
.justify-content_left{
display:flex;
justify-content:left;
}
1
2
3
4
5

◆right
.justify-content_right{
display:flex;
justify-content:right;
}
1
2
3
4
5

◆space-between
.justify-content_space-between{
display:flex;
justify-content:space-between;
}
1
2
3
4
5

◆space-around
.justify-content_space-around{
display:flex;
justify-content:space-around;
}
1
2
3
4
5

◆space-evenly
.justify-content_space-evenly{
display:flex;
justify-content:space-evenly;
}
1
2
3
4
5