JQuery Mobile Listview Vignette D'Alignement

Je suis à l'aide de JQuery Mobile listview pour créer une liste d'articles avec des vignettes.

Comment puis-je régler l'alignement pour les vignettes des images utilisées dans les Listviews?

J'ai essayé de définir le style de l'attribut de l'image à l'aide de align, vertical-align ou même en enveloppant l'image avec un <center> tag, mais il ne fonctionne pas.

J'ai essayé margin-top en tant que bien, mais cela ne fonctionne pas comme il devrait pousser tous les pouces vers le bas quelle que soit sa hauteur. Je veux seulement verticalement & centrée horizontalement des images qui sont à moins de 80 x 80 pixels.

Je voudrais horizontalement et verticalement aligner l'image vers le centre.

OriginalL'auteur Mongrel Jedi | 2011-11-17

  1. 9

    JQuery mobile s'applique aux modèles suivants à votre ui-li-icon:

    .ui-li-icon {
     position: absolute;
     left: 1px;
     top: 0;
     max-height: 80px;
     max-width: 80px;
 }

    Pour ne pas casser la mise en œuvre existantes, vous pouvez vous envelopper l'image de l'icône dans une autre balise, par exemple:

    <li>
   <a href="#p1">
         <p class="my_icon_wrapper">
              <img src="images/myicon_image." width="32" height="32"/>
             </p>
        <h3>List item title</h3>
        <p>List item description</p>
   </a>
</li>

    La my_icon_wrapper peux les mettre en œuvre certaines des styles de jQuery Mobile a, par exemple:

    .my_icon_wrapper {
        float: left; 
        width: 80px; height: 80px;
        text-align: center; 
        vertical-align: middle; 
}

    Vous auriez besoin de jouer avec les styles un peu pour obtenir l'effet désiré.

    Belle réponse, Mais maintenant, je pense que nous ne pouvons utiliser cet attribut : Données iconpos="center"
    Les données iconpos je l'ai utilisé uniquement pour les icônes de bouton, pas de vignettes dans les listviews

    OriginalL'auteur Ryan