Verticale d'aligner le texte du milieu en jQuery Mobile Bouton?

Je suis d'essayer de réduire la hauteur de jQuery Mobile Bouton pour un meilleur ajustement dans une vue de liste, mais je ne peux pas obtenir le texte à la ligne correctement. Voici ma mise en œuvre de la mesure:

.listDelBtn .ui-btn-text {
    margin: -5px -15px -5px -15px;
}

<a class="listDelBtn" data-role="button" data-theme="b" style="float: right; width: 75px; line-height: 11px; margin-top: 6px; z-index: 12; padding: 0 0px 0 0px;">delete</a>

le style marges ont une incidence sur la largeur de la touche pour lui donner une plus courte durée, cependant, le haut et le bas de la marge valeurs n'ont aucun effet, quelles que soient les valeurs essayé. J'ai aussi essayé différents rembourrage , la hauteur et d'autres valeurs à pas de chance. Hauteur de la ligne est la seule de style en ligne qui ont une incidence sur la hauteur du bouton, mais le texte n'est pas alignée. La tentative sur les versions 1.0b1+ de jQuery Mobile btw.

Voici une image de l'résultant bouton pour référence:
Verticale d'aligner le texte du milieu en jQuery Mobile Bouton?

InformationsquelleAutor Inator | 2011-11-22
  1. 6

    Vous pouvez donner height à votre button puis donnez-même line-height à elle.

    Par exemple

    .listDelBtn{
 height:30px;
 line-height:30px;
}

    Vérifier cet exemple http://jsfiddle.net/EQash/

    • comment faire pour le faire fonctionner, lorsque le texte a 2 lignes ?
    InformationsquelleAutor sandeep
  2. 0

    @Inator je pense vertical align milieu fonctionne uniquement pour les éléments de la Table et pas pour d'autres cas.

    Dans ce cas dans la classe que vous appliquez sur le bouton:

    Ensemble: display: table-cell

    et vertical-align: middle

    et éventuellement de créer un élément externe dire div et régler l'affichage à la table
    display: table
    et vertical-align: middle

    Espoir, peut-travail

    InformationsquelleAutor Moons
  3. 0

    La ligne margin-top style l'emporte sur les styles définis dans la classe CSS. C'est pourquoi CSS défini les valeurs n'ont aucun effet. La Solution est d'ajouter 

    margin-top: -5px !important;

    à votre CSS si vous voulez le négatif de la marge du haut pour prendre effet.

    InformationsquelleAutor Strelok