带有 LabelAlign 顶部（中心）的 ExtJS 文本字段

Posted 2023-02-26

技术标签:

【中文标题】带有 LabelAlign 顶部（中心）的 ExtJS 文本字段【英文标题】：ExtJS textfield with LabelAlign Top (CENTER) 【发布时间】：2013-03-14 09:28:47 【问题描述】：

是否有任何配置选项可以将 lavel 放在顶部并为文本字段居中对齐。

  
    xtype:'numberfield',
    labelAlign:'top',
    labelSeparator:'',
    fieldLabel: 'Title',
    flex:1

标签在顶部但与左侧对齐时工作正常。我想与顶部居中对齐。

提前感谢您的帮助！！！

【问题讨论】：

【参考方案1】：

只需使用labelClsExtra向标签添加一个类：

一个或多个附加 CSS 类的可选字符串添加到标签元素。默认为空。

例如：

labelClsExtra: 'your-class'

在你的样式表中：

.your-class 
    text-align: center

工作示例：http://jsfiddle.net/qazN3/

【讨论】：

以上是关于带有 LabelAlign 顶部（中心）的 ExtJS 文本字段的主要内容，如果未能解决你的问题，请参考以下文章