代码之家  ›  专栏  ›  技术社区  ›  Barry Michael Doyle

是否可以将div中的文本与“display:-webkit box`

  •  -1
  • Barry Michael Doyle  · 技术社区  · 7 年前

    div 具有以下css属性: display: -webkit-box;

    部门 我的包含文本,我想垂直对齐的中间。这是否可以在不改变 display 给div的属性?

    其他信息:

    vertical-align: middle; 失败了。

    1 回复  |  直到 7 年前
        1
  •  1
  •   Johannes Reuter    7 年前

    下面的陈述对我很有用:

    -webkit-box-align: center;
    

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

    对于“旧的”flexbox定义, https://www.smashingmagazine.com/2011/09/css3-flexible-box-layout-explained/

        2
  •  7
  •   Nonoroazoro    6 年前

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

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

    2. -webkit-box-orient: horizontal -webkit-box-align: center 文本。

    所有这些情况都类似于 flexBox

    推荐文章