ExtJS Выровнять свойство для элемента

Question

У меня есть предмет, который выглядит так:

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

Я пытаюсь выровнять его по центру, я пытался вставить собственный стиль (под отступом :), но в текстовом выравнивании написано нераспознанный символ. Я также попытался поместить align: 'center', который вообще ничего не делает, но не вызывает никаких ошибок.

Последнее, что я сделал (впадая в отчаяние), добавил в линейном стиле для выравнивания текста, но поле, внутри которого нужен стиль, а не реальный HTML.

Я попытался просмотреть документацию и не смог найти выравнивание текста в стиле документа.

Спасибо!

Answer 1

Использование text-align без кавычек не является допустимым синтаксисом для литерала объекта.cf " Синтаксис JSON для имен свойств ".

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

... должен быть вместо ...

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

Это также звучит так, как будто вы, вероятно,иметь больше удачи с vertical-align или line-height, чем text-align.

Answer 2

Вы можете написать класс css в файле Main.scss, объявить все выравнивающие свойства в нем и применить класс в своем компоненте, где вы используете его, в файле js, используя

cls:"align-Items",

в файле scss

.align-Items{
 vertical-align: top;
}

Answer 3

text-align работает только для дочерних элементов, у вас есть несколько вариантов здесь:

1. Используйте устаревшие свойства html valign = "middle" и align = "center", которые работают натекущий элемент.
2. Поместите div вокруг img, а затем поместите style = "text-align: center", просто помните, что text-align работает только для встроенных элементов.(img встроен).