如何将应用程序中的所有Hgroup垂直对齐到“中间”?

我也遇到过这个问题,在一些研究结束后,如你所提到的,创建了我自己的hgroup子类,其中verticalalign设置为“middle”。希望我能为你找到更好的解决方案,但我一直找不到。

Borek

通常,只能使用css属性应用垂直对齐 verical-align 表元素(th,td)。然而。。。

如果你用的是长沙发,那就用假沙发。 table-cell 显示。你得把你的 .verticallyAlignedHGroup 在父级DIV中,以便可以将其显示声明为表。

#verticalWrapper { display: table; }
.verticalAlignHGroup { display: table-cell; vertical-align: middle; }

HTML看起来像这样

<div id="verticalWrapper"> <!-- display: table -->
  <div class="verticalAlignHGroup"> <!-- display: table-cell; vertical-align: middle -->
    Some content
  </div>
  <div class="verticalAlignHGroup"> <!-- display: table-cell; vertical-align: middle -->
    Some content
  </div>
</div>

希望有帮助。