Я пытаюсь вертикально центрировать элементы с помощью CSS 'flexbox; и я знаю, как это сделать с кодом, отличным от поставщика, но даже с префиксами поставщика я не могу заставить его работать в Webkit (Chrome).
Я пытаюсь вертикально выровнять промежутки в #trigger.
Вот мой 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;
}
Любые идеи, что я делаю неправильно?
И если вы знаете префиксы/версии других поставщиков, которые я использую, не стесняйтесь делиться ими, чтобы это могло работать не только в Webkit.