【问题标题】:Centering highlight text with box-shadow on a flexbox element在 flexbox 元素上使用 box-shadow 居中突出显示文本
【发布时间】:2017-03-14 03:03:37
【问题描述】:

我想通过内联显示使文本居中,因为它需要突出显示。 例子:

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

【问题讨论】:

    标签: css flexbox highlight display


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 2012-07-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-02-08
      • 2020-10-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多