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

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

Создает подкласс как VerticallyAlignedHGroup мой единственный вариант или есть лучший способ?

Источник

2 ответа

Решение

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

Источник

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>

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

Источник
Другие вопросы по тегам