© 2020 · 2024
DSGVO


DSGVO durchlesen 👀
Home Forum Archiv Anmelden
🔙     🏠
162

CSS - Flexbox Space Between
26.08.2023 - 11:31



CSS Code

div.SpaceBetween
{
background-color: transparent;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}

div.SpaceBetweenContent
{
width: 150px;
height: 150px;
background-color: #000000;
}


HTML Code

<div class="SpaceBetween">

<div class="SpaceBetweenContent"></div>

<div class="SpaceBetweenContent"></div>

<div class="SpaceBetweenContent"></div>

<div class="SpaceBetweenContent"></div>

</div>




So sieht das Ergebnis aus:

images/archivimages/flexboxSpaceBetween.png