html - 是否可以使用 `display: -webkit-box;` 垂直对齐 div 中的文本

Question

我正在使用一个 div，它分配了以下 css 属性:display: -webkit-box;。

我的这个 div 包含我想垂直对齐到中间的文本。如果不更改赋予 div 的 display 属性，这是否可能？

附加信息:

我使用的是最新版本的 Chrome 并尝试了 vertical-align: middle; 但失败了。

Answer 1

-webkit-box-orient 根据其值有两种情况:

1. -webkit-box-orient: vertical:你应该使用-webkit-box-pack: center来垂直对齐文本。

2. -webkit-box-orient: horizo​​ntal:你应该使用-webkit-box-align: center来垂直对齐文本。

所有这些情况都类似于flexBox中的对齐方式。