底部的Extjs文本字段标签

是否可以将标签放在文本字段的底部？ 我需要让UI看起来像PDF/打印表单，其中大多数字段标签位于输入字段下方的中心

CSS样式/类方法已经足够好了。我只是想快点结束这一切

---

提前感谢。

将自定义cls添加到文本字段，如下所示：

    Ext.create('Ext.Panel',{
        renderTo: Ext.getBody(),
        width: 300,
        height: 500,
        items: [{
            xtype: 'textfield',
            fieldLabel: 'First Name',
            cls: 'pdfField',
            labelSeparator: ''
        }]
    });

然后创建Pdfield类：

对于ExtJS（5）=>

对于ExtJS（4）=>

这是一个小提琴助教作品的两个版本：

---

并不是说ExtJS 5看起来更好，这是因为在ExtJS中，5使用divs来显示textfield内容，而ExtJS 4使用表格单元格。

这在5.0中适用。你有在4.2.x中运行的代码吗？谢谢你的回复

div.pdfField .x-form-item-label {
    display: table-footer-group;
    text-align: center;
}

.pdfField td {
    display: table-caption;
}

.pdfField tr>td:first-child {
    display: table-footer-group;
    text-align: center;
}