Ich möchte 20 Bilder in einer Zeile ausrichten (horizontale Art und Weise). 'inline-flex' Eigenschaft arbeitet in Firefox und Chrome erwarten Safari.Anzeige: Inline-Flex-Eigenschaft funktioniert nicht in Safari-Browser
<div class="rl-collection-img content" >
<div class="rl-images_container">
<img alt="" src="/staticassets/images/home/collections/blue/1.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/2.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/3.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/4.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/5.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/6.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/7.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/8.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/9.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/10.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/11.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/12.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/15.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/16.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/17.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/18.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/19.jpeg" />
<img alt="" src="/staticassets/images/home/collections/blue/20.jpeg" />
</div>
</div>
<style>
.content{
width:100%;
}
.rl-images_container{
display: inline-flex;
}
Geben Sie uns Ihren Code – ArmaGeddON
Bitte geben Sie den Code in hier oder in anderen Online-Editor wie Arschfeige !! – Krish
'display: inline-flex' css property arbeiten in firefox und chrom, aber nicht in safari und IE9 + – Mahee