ms-example -Archivkategorie

🔙     🏠

244

CSS - Flexbox Space Between

26.08.2023 - 11:31

Flexbox - SpaceBetween:

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

MS-EXAMPLE

10 September 2024