Comment aligner verticalement tous les HGroups de l'application sur "middle"?

Question

Dans mon application, tous les HGroups doivent être alignés verticalement sur middle. Comme c'est une propriété de HorizontalLayout qui est exposée via la propriété verticalAlignde HGroup (pas de style) Je ne peux pas le définir en CSS. En outre, bien que les groupes ne soient pas personnalisables, je ne peux pas affecter un habillage personnalisé.

Est-ce que créer une sous-classe comme VerticallyAlignedHGroup est ma seule option ou existe-t-il un meilleur moyen?

Answer 1

J'ai déjà couru à travers cela et après quelques recherches faites comme vous l'avez mentionné et créé ma propre sous-classe de HGroup qui avait verticalAlign mis à "middle". J'aimerais avoir une meilleure solution pour vous, mais j'ai été incapable d'en trouver un.

Answer 2

Borek,

Normalement, vous ne pouvez appliquer l'alignement vertical en utilisant la propriété CSS verical-align aux éléments de table (th, td). Cependant ...

Si vous utilisez DIVs alors simulez-le en utilisant l'affichage table-cell. Vous devrez envelopper votre .verticallyAlignedHGroup dans un DIV parent afin que vous puissiez déclarer son affichage en tant que tableau.

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

Le code HTML ressemblerait à quelque chose comme ça

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

espoir qui aide.