Penyelarasan Elemen Flex di Induk dengan Jarak
Nilai space-around dalam properti justify-content mengatur
jarak elemen flex pertama dan terakhir
dari tepi induk.
Sepintas mungkin terlihat bahwa jarak
antar elemen dan antara elemen tepi
dengan induk akan sama, namun, kenyataannya tidak demikian
- jarak antar elemen akan 2
kali lebih besar daripada jarak antara induk dan elemen
tepi.
Mari kita lihat contohnya:
.parent {
display: flex;
justify-content: space-around;
}
Hasil eksekusi kode:
