ExtJS Aligner la propriété pour le point

Question

J'ai un article qui ressemble à ceci:

items: [{ 
       xtype: 'box', 
       html: '<img src="http://chart.apis.google.com/chart?mychart" alt="" style="text-align:center" />', 
       name: 'first', 
       id: 'first', 
       align:'center', 
       style: 
       { 
        float:'left', 
        padding: '0px 0px 10px 0px', 
       }, 
       width:'100%' 
      }] 

Je suis en train de l'obtenir Aligné au centre, je l'ai essayé de mettre dans un style personnalisé (sous le rembourrage :) mais il dit non reconnu caractère dans "text-align". J'ai aussi essayé de mettre align: 'center' qui ne fait rien du tout, mais qui ne cause aucune erreur.

Dernière chose que j'ai faite (désespérée) j'ai ajouté dans un style en ligne pour aligner le texte mais la boîte que son intérieur a besoin du style pas le html réelle.

J'ai essayé de parcourir la documentation et je n'ai pas trouvé d'alignement de texte sous le doc de style.

Merci!

Answer 1

L'utilisation de text-align sans l'indiquer n'est pas une syntaxe valide pour un littéral d'objet. c.f. "JSON syntax for property names".

style: { 
    ... 
    text-align: 'center' 
    ... 
} 

... devrait plutôt être ...

style: { 
    ... 
    "text-align": 'center' 
    ... 
} 

Il semble aussi que vous êtes susceptible d'avoir plus de chance avec vertical-align ou line-height que text-align.

Answer 2

text-align ne fonctionne que sur des éléments de l'enfant, vous avez deux choix ici:

1. Utilisez les propriétés html dépréciées valign = « middle » et align = « center », qui travaillent sur l'élément en cours .
2. Mettez un div autour de l'img, puis mettez style = "text-align: center", rappelez-vous que text-align ne fonctionne que sur les éléments en ligne. (img est en ligne).