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

Bar*_*yle 3 html css webkit display

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

我的这个div包含我想垂直居中对齐的文本。在不更改display赋予 div的属性的情况下,这可能吗?

附加信息:

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

Non*_*oro 7

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

  1. -webkit-box-orient: vertical:您使用768,16-webkit-box-pack: center垂直对齐文本。

  2. -webkit-box-orient: horizontal:您使用768,16-webkit-box-align: center垂直对齐文本。

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


Joh*_*ter 3

以下声明对我有用:

-webkit-box-align: center;
Run Code Online (Sandbox Code Playgroud)

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

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