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

Is it possible to vertically align text in a div with `display: -webkit-box;`

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

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

附加信息：

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

以下语句对我有用：

-webkit-box-align: center;

https://jsfiddle.net/awt39v5s/1/

对于 "old" flexbox 定义，https://www.smashingmagazine.com/2011/09/css3-flexible-box-layout-explained/ 是一个很好的资源。

有两种情况 -webkit-box-orient 取决于它的值：

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

  2. -webkit-box-orient: horizontal：您应该使用 -webkit-box-align: center 来 垂直对齐 文本。

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

children应该是显示块。 并在 parent 元素中使用：

-webkit-box-orient: horizontal;
        -webkit-box-align: end;