使用boxbox阴影在Flexbox元素上居中突出显示文本

Question

我希望将文本居中显示内联显示，因为它需要有一个突出显示。 例：

但是当这个文本在显示flex的div中时它不起作用。 内联显示不会影响文本，也不能使用flex proierties以div为中心（水平o垂直居中）。

Answer 1

只需在高亮文字和display: flex div之间插入另一个div即可。在最外面的div上设置text-align: center。

• 否：http://codepen.io/anon/pen/RpgJxG
• 否：http://codepen.io/anon/pen/yMXEpx
• 是：http://codepen.io/anon/pen/xqrzKM