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

我试图让它对齐中心,我尝试了一个自定义样式(在填充下面:)但它在"text-align"中表示无法识别的字符.我也尝试过对齐:'center',它根本没有做任何事情,但它没有造成任何错误.

我做的最后一件事(变得绝望)我添加了内联样式的文本对齐,但其内部需要的样式而不是实际的html.

我已经尝试查看文档,但在样式文档下找不到text-align.

谢谢!

Answer 1

在text-align不引用的情况下使用它不是对象文字的有效语法.cf" 属性名称的JSON语法 ".

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

......应该......

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

这听起来也像你可能有更多的运气vertical-align还是line-height比text-align.