J'essaie d'aligner jquery ui-icons avec du texte comme suit, mais je remarque que l'icône est toujours un peu plus haut que le texte. Y a-t-il un moyen de les aligner horizontalement, parfaitement?jquery Alignement du texte et des icônes
<span><span class="ui-icon ui-icon-bullet"> bullet text </span>
vertical-align: middle est l'attribut d'aligner le texte au milieu de la cellule, si vous essayez de construire des listes ordonnées/non ordonnées avec une icône personnalisée, vous pouvez avoir un temps plus facile avec list-style:square inside url("your/image/path.jpg");.
Une autre alternative serait de définir le <span class="ui-icon ui-icon-bullet"> à position: relative et de le déplacer avec top:5px ou quelque soit le besoin de le centrer.
déplacer le texte à la portée extérieure et en utilisant -alignement vertical sur la portée intérieure . La valeur dépend de votre police.
<span><span class="ui-icon ui-icon-bullet" style="vertical-align:..."></span> bullet text </span>
vertical-align:middle travaillé pour moi pour une taille de police de 12
Vous pourriez être mieux à l'aide d'un bouton: http://jqueryui.com/demos/button/#icons, mais qui dépend bien sûr du contexte.
* -pike
Malheureusement, "même si vous avez besoin de le centrer" changera de navigateur en navigateur. – Robusto