Próbuję pionowo wyśrodkować elementy za pomocą flexbox CSS; i wiem, jak to zrobić z kodem bez prefiksu dostawcy, ale nawet z prefiksami dostawcy nie mogę go uruchomić w Webkit (Chrome).

Próbuję wyrównać rozpiętości w pionie w #trigger.

Oto mój 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;
}

Jakieś pomysły, co robię źle?

A jeśli znasz inne prefiksy / wersje właściwości, z których korzystam, podziel się nimi, aby działało w więcej niż tylko Webkicie.