我正在尝试使用 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 中工作。