Zitat von
Llywellyn
Ich hätte justify-content: space-between probiert, allerdings hat das nicht funktioniert.
Hab es gerade noch einmal selbst getestet. Funktioniert. Hast Du vielleicht die Browserprefixes vergessen.
Für Dich könnte neben space-between auch space-around interessant sein.
Hier noch mal mein Testcode
HTML-Code:
<div id="punkte_linie">
<img src="images/punkt.png" width="25" height="25" alt=""/>
<img src="images/punkt.png" width="25" height="25" alt=""/>
<img src="images/punkt.png" width="25" height="25" alt=""/>
<img src="images/punkt.png" width="25" height="25" alt=""/>
<img src="images/punkt.png" width="25" height="25" alt=""/>
</div>
css - für space-between
Code:
#punkte_linie {
margin: 100px;
justify-content: space-between;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
css - für space-arround
Code:
#punkte_linie_around {
justify-content: space-between;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
-o-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: justify;
}