Gunnar Bittersmann: Problem mit middle bei mittlerem flexbox Element (?)

Beitrag lesen

@@JQerleger

Hier der Link: Testseite

vertical-align: „Anwendbar auf: inline Elemente[sic!] und Tabellenzellen“ [MDN]

Bei dir also wirkungslos. Weg damit!

Was du machen könntest: test:nth-child(2) eine Flexbox sein lassen[1], worin das Bild zentriert wird:

test:nth-child(2)
{
    background: green;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory

  1. Elemente können sowohl Flexitem als auch Flexbox gleichzeitig sein. ↩︎