Ich frage mich, ob irgendwie eine Lösung für meine Kopfschmerzen wissen, ich möchte das dritte Bild unter dem ersten sein. Aber da die zweite Bildhöhe größer ist als die erste, erzeugt sie einen leeren Raum.Richten Sie Bilder aufeinander aus
-Code jetzt aussieht:
Jedes Bild Codeblock sieht gleich
column_1_5_of_3 {
width: 100%;
}
col_nomargin {
display: inline-block;
position: relative;
float: left;
margin: 0% 0% 0.25% 0.25%;
overflow: hidden;
}
portimg {
width: 100%;
height: auto;
margin: 0% 0 0% 0%;
transition: .5s ease;
display: block;
}
column_1_5_of_3 {
width: 100%;
}
col_nomargin {
display: inline-block;
position: relative;
float: left;
margin: 0% 0% 0.25% 0.25%;
overflow: hidden;
}
portimg {
width: 100%;
height: auto;
margin: 0% 0 0% 0%;
transition: .5s ease;
display: block;
}
<div class="col_nomargin column_1_of_3">
<img class="portimg" src="" alt="">
Wenn es etwas gibt, ich habe verpasst oder eine Fragen. Bitte erzählen
Danke für all die Hilfe
Willkommen bei Stack-Überlauf. Bitte überprüfen Sie dies: [Wie stelle ich eine gute Frage?] (Http://stackoverflow.com/help/how-to-ask) –
Werfen Sie einen Blick auf diese -> https://css-tricks.com/seamless -responsive-photo-grid/ –
Verwenden Sie dieses jquery-Plugin, es richtet Ihr div automatisch aus. plugin url: http://www.bestjquery.com/?uoa1gOVh –