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

Question

在我的应用程序中，所有HGroups应垂直对齐middle。由于这是HorizontalLayout的属性，它通过HGroup的verticalAlign 属性（不是样式）公开，我无法在CSS中设置它。此外，虽然组不可换肤，但我无法指定自定义皮肤。

创建像VerticallyAlignedHGroup这样的子类是我唯一的选择还是有更好的方法？

Answer 1

我也遇到了这个问题，经过一些研究后，你提到并创建了我自己的HGroup子类，其verticalAlign设置为“middle”。希望我有更好的解决方案，但我一直找不到。

Answer 2

博雷克，

通常，您只能使用CSS属性verical-align将垂直对齐应用于表格元素（th，td）。然而...

如果您正在使用DIV，那么只需使用table-cell显示伪造它。您必须在父DIV中包装.verticallyAlignedHGroup，以便您可以将其显示为表格。

#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>

希望有所帮助。