css - 元素的 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。

我已尝试查看文档，但在样式文档下找不到 text-align。

谢谢!

Answer 1

在不加引号的情况下使用 text-align 不是对象字面量的有效语法。比较“JSON syntax for property names”。

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

...应该改为...

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

听起来您可能更喜欢 vertical-align 或 line-height 而不是 text-align。