ExtJS Align-Eigenschaft für das Element

Habe ich einen Artikel, der wie folgt aussieht:

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%'
            }]

Ich versuche es ausgerichtet-center, habe ich versucht, indem Sie in einer benutzerdefinierten Formatvorlage (unter Polsterung:) aber es sagt nicht erkannte Zeichen im "text-align". Ich habe auch versucht, align:'center', was nicht zu tun, überhaupt nichts, aber es ist nicht, dass Fehler.

Letzte, was ich habe (verzweifelt) ich habe in einem inline-Stil für text align, aber die box, dass seine inneren Bedürfnisse der Stil, nicht die eigentliche html.

Ich habe versucht, auf der Suche durch die Dokumentation und konnte Sie nicht finden text-align unter dem Stil Dok.

Dank!

InformationsquelleAutor Doug Molineux | 2010-12-14

6

Mit text-align ohne zu zitieren ist keine gültige syntax für ein Objekt-literal. c.f. "JSON-syntax für den Namen der Eigenschaft".
```
style: {
  ...
  text-align: 'center'
  ...
}
```
... stattdessen sollte ...
```
style: {
  ...
  "text-align": 'center'
  ...
}
```
Es klingt auch wie Sie wahrscheinlich mehr Glück haben mit vertical-align oder line-height als text-align.

auch, seit der javascript - Sie können das javascript-Schlüsselwort für den "text-align" - Attribut, das ist "textAlign". wie diese: style: { textAlign : 'center' }

InformationsquelleAutor wombleton
0

text-align funktioniert nur auf der untergeordneten Elemente, müssen Sie ein paar Entscheidungen hier:
1. Verwendung des veralteten html-Eigenschaften valign="middle" align="center", die auf das aktuelle element.
2. Legen Sie ein div um das img und dann legte style="text-align:center", denken Sie, dass text-align nur auf inline-Elemente. (img-inline).
InformationsquelleAutor Joseph Hamilton
0

Schreiben Sie eine css-Klasse, die in Main.scss-Datei ,erklären alle die Angleichung der Eigenschaften und anwenden Klasse in der Komponente, wo Sie sind mit es im js-Datei mit
```
cls:"align-Items",
```
in der scss-Datei
```
.align-Items{
 vertical-align: top;
}
```
InformationsquelleAutor ABHISHEK BHARDWAJ

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.