在 flexbox 元素上使用 box-shadow 居中突出显示文本
Centering highlight text with box-shadow on a flexbox element
我想将内联显示的文本居中，因为它需要突出显示。
例子：
但是，当此文本位于 div 且具有 display flex 时，它不起作用。
显示内联不影响文本，它不能使用弹性属性在 div 中居中（水平或垂直居中）。
只需在突出显示文本和 display: flex div 之间再添加一个 div。将 text-align: center 设置在最外面的 div.
我想将内联显示的文本居中，因为它需要突出显示。
例子：
但是，当此文本位于 div 且具有 display flex 时，它不起作用。 显示内联不影响文本，它不能使用弹性属性在 div 中居中（水平或垂直居中）。
只需在突出显示文本和 display: flex div 之间再添加一个 div。将 text-align: center 设置在最外面的 div.