Hallo,
ich wollte fragen wie ich die css eigenschaft justify-content: space-around in safari browser einsetze?
[Blockierte Grafik: https://www.bilder-upload.eu/bild-71ae51-1544465472.png.html]
Habe auch Sachen wie -webkit-justify-content versucht, jedoch auch keine Wirkung..
Code:
html:
HTML
<ul>
<li><i class="demo-icon icon-street-view"></i></li>
<!-- <li><i class="demo-icon icon-bell-alt"></i></li> -->
<li><i class="demo-icon icon-mail"></i></li>
<li class="only-mobile-li"><i class="demo-icon icon-mail user-image-mobile" style="display:none;visibility:hidden;background-image:url('../img/no.png');">
</i></li>
<li><i class="demo-icon icon-bell"></i></li>
<li><i class="demo-icon icon-award"></i></li>
<!-- <li><i class="demo-icon icon-mail-alt"></i></li> -->
</ul>
CSS:
CSS
ul {
margin: 0 auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
align-items: center;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-pack: justify;
width: 100%;
-webkit-box-pack: center;
}
ul li {
list-style: none;
display: inline-flex;
display: inline-block;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
}
Alles anzeigen