Ich versuche, Elemente mit der CSS-Flexbox vertikal zu zentrieren. und ich weiß, wie man es mit dem Code macht, der kein Herstellerpräfix ist, aber selbst mit den Herstellerpräfixen kann ich es nicht in Webkit (Chrome) zum Laufen bringen.

Ich versuche, die Bereiche in #trigger vertikal auszurichten.

Hier ist mein CSS:

#trigger{
    /* 2009 syntax */
    display: -webkit-box;
    display: box;
    /* current syntax */
    display: -webkit-flex;
    display: flex;
}

#trigger span{
    /* 2009 syntax */
    -webkit-box-align: center;
    /* current syntax */
    -webkit-align-items: center;
    flex-align: center;
}

Irgendwelche Ideen, was ich falsch mache?

Wenn Sie die anderen Herstellerpräfixe / -versionen der von mir verwendeten Eigenschaften kennen, können Sie diese auch freigeben, damit dies nicht nur in Webkit funktioniert.