如何在面板 Ext js 中对齐 html 文本

Question

对齐 ExtJs 面板的正确方法是什么。我试过 textAlign 属性但它不起作用。

这是我的代码

Ext.create('Ext.panel.Panel',{
    title:'Hello World',
    width:350,
    html:'First Ext Program',
    render:'division',
})

如果我运行这个，我可以得到一个漂亮的面板，其中的文字是 "First Ext Program"。默认情况下它是左对齐的，但我想将它对齐到中心或右对齐。你们能帮我解决这个问题吗？提前致谢

Answer 1

您可以使用配置 bodyStyle。 https://docs.sencha.com/extjs/6.0.1/classic/Ext.panel.Panel.html#cfg-bodyStyle

这应该可以解决问题（在 ExtJs 6.0.1 Classic-Toolkit 中测试）：

Ext.create('Ext.panel.Panel',{
    title:'Hello World',
    width:350,
    html:'First Ext Program',
    render:'division',
    bodyStyle: 'text-align: center;'
})

如何在面板 Ext js 中对齐 html 文本

How to align html text in panel Ext js

extjs6-classic