Ändern des Bild-Layouts in CSS Mobile Media Abfrage

Question

Ich habe drei Bilder nebeneinander in meiner Webseite und in der reaktionsschnellen CSS-Media-Abfrage für mobile, möchte ich das dritte Bild auf die nächste Zeile mit den ersten beiden darüber zentriert werden Einer schwebte nach links, einer schwebte nach rechts. Ich kann es nicht tun! Wie schreibe ich dieses CSS?

Answer 1

Sie sollten Sie Code teilen, aber ich werde versuchen, Ihnen auch so zu helfen.

<div class="main"> 
<div class="image-left"><img src=""></div> 
<div class="image-right"><img src=""></div> 
<div class="image-center"><img src=""></div> 
</div> 

CSS:

.main { 
position: relative; 
max-width: 100%; 
} 
.image-left { 
    float: left; 
} 
.image-center { 
    margin-top: 5%; 
    margin-left: 10% ; 
    position: absolute; 
} 

Sie benötigen .image-Zentrum {margin-top und margin-left nach Ihrem Layout anzupassen.

Wenn Sie zwischen image-left und image-right Speicherplatz benötigen, fügen Sie eine weitere Klasse hinzu.

.image-right { 
margin-left: 10px; 
}