Как выровнять по вертикали все HGroups в приложении к «середине»?

Question

В моем приложении все HGroups должны быть вертикально выровнены по middle.Поскольку это свойство HorizontalLayout, которое предоставляется через свойство verticalAlign (не стиль) HGroup, я не могу установить его в CSS.Кроме того, хотя группы не имеют скинов, я не могу назначить собственную обложку.

Является ли создание подкласса типа VerticallyAlignedHGroup моей единственной возможностью или есть лучший способ?

Answer 1

Я тоже сталкивался с этим и после некоторого исследования закончил, как вы упомянули, и создал мой собственный подкласс HGroup, для которого verticalAlign было установлено на "middle".Хотелось бы, чтобы у меня было лучшее решение для вас, но я не смог его найти.

Answer 2

Borek,

Обычно вертикальное выравнивание можно применять только с помощью свойства CSS verical-align к элементам таблицы (th, td). Однако ...

Если вы используете DIV, то просто подделайте его, используя 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>

Надеюсь, это поможет.