Centrage des éléments de jQuery Mobile
Ne le framework jQuery Mobile d'avoir un moyen de centrage des éléments, notamment des boutons? On dirait qu'il est par défaut à gauche de l'alignement de tout et je ne peux pas trouver un moyen (dans le cadre) pour ce faire.
Vous devez vous connecter pour publier un commentaire.
jQuery Mobile ne semble pas avoir une classe css pour centrer les éléments (j'ai recherché dans son css).
Mais vous pouvez écrire votre propre css.
Essayez de créer votre propre:
exemple HTML:
et voir ce qui se passe. Vous pouvez avoir besoin text-align au centre dans l'emballage marque, de sorte que ce serait mieux:
exemple HTML:
width:auto
de sorte qu'il prend toute la largeur.Un overkill approche: dans le css de la div a fait le tour:
Centres comme un charme!
Dans la situation où vous n'allez PAS utiliser ce cours et plus (c'est à dire pas nécessaire dans votre feuille de style), de style en ligne des déclarations habitude de travailler n'importe où ils allaient travailler espècesvotre feuille de style. E. g:
La meilleure option serait de mettre n'importe quel élément que vous voulez être centré dans un
div
comme ceci:et de css ou de style en ligne:
J'avais trouvé des problèmes avec certains des autres méthodes mentionnées ici. Une autre façon de faire serait d'utiliser la grille de mise en page B, et de mettre votre contenu dans le bloc b, et de laisser les blocs a et c vide.
http://demos.jquerymobile.com/1.1.2/docs/content/content-grids.html
HTML:
Aucune de ces réponses seul a fonctionné pour moi. J'ai eu à les combiner. (Peut-être que c'est parce que je suis à l'aide d'un "bouton" tag et pas un lien de taper comme un bouton?)
Dans le code HTML:
Dans le CSS:
Vous pouvez faire sur le bouton un point d'ancrage de l'élément, et le mettre dans un paragraphe avec l'attribut:
A fonctionné pour moi.
De les avoir correctement centré et pour les seuls éléments à l'intérieur de l'emballage .centre-wrapper de l'utiliser. ( toutes les options combinées devraient travailler de la croix-navigateur ) si non, merci de poster une réponse ici!
Cela fonctionne
HTML
Css
Ajuster en tant que votre condition