css - 在 flexbox 元素上使用 box-shadow 居中突出显示文本

标签 css flexbox highlight display

我想将内联显示的文本居中,因为它需要高亮显示。 例子: how I want to display the text

但是,当此文本位于具有 display flex 的 div 中时,它不起作用。 显示内联不影响文本,它不能使用 flex 属性在 div 中居中(水平或垂直居中)。

最佳答案

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

关于css - 在 flexbox 元素上使用 box-shadow 居中突出显示文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42771074/

相关文章:

react-native - 水平对齐 2 个文本标签

html - flexbox 样式在所有移动设备上都被忽略,但在桌面上有效

html - flex align-items 中心不居中

html - 在 css 中标记阿拉伯文字

r - 如何在 ggplot2 图中突出显示值的子集?

javascript - 使用 jQuery 遍历 DOM

php - 仅在主 Tumblr 页面上的元素 - 有效但会破坏控制按钮

html - 为什么 Bootstrap 中的 .row 和 .container-fluid 会发生这种情况?

html - code 标签不占据父 pre 标签高度的 100%

html - 在网页 [Facebook、Twitter、Pinterest 和 Google +] 上排列共享按钮