Erstellen Sie Ränder um Elemente unterschiedlicher Höhe
Ich verwende React-Photo-Album, um ein Fotoalbum auf meiner Website zu erstellen.
Ich habe mich gefragt, ob es möglich ist, unten einen CSS-Rahmen um das Foto herum festzulegen, aber den Seiten zu folgen, um die unterschiedlichen Höhen zu berücksichtigen?
Was ist aktuell:
Ich stelle mir so etwas vor:
Ich konnte es mithilfe von :last-child in der Klasse „react-photo-album--column“ abrufen:
Aber alles, was ich versuche, führt nur zu einem Rand um den gesamten Container statt des einzelnen Fotos unten.
Ich habe die andere Seite gestylt:
.react-photo-album {
border-radius: 5px;
border: 4px solid #86afe1;
border-bottom: 0;
padding: 3rem 2rem 2rem;
}
Und Sie können den HTML-Code des Containers hier sehen. Meine Idee ist es, das letzte untergeordnete Element jeder React-photo-album--Spalte anzusprechen, ich weiß nur nicht, wie ich mit den Seiten umgehen soll.
