在 ExtJS 开发过程中，Label 组件的 fieldLabel 与 html 属性值经常出现错位现象。即使设置了相同宽度，显示时仍会相差几个像素。针对这一常见的 ExtJS 表单对齐问题，无需修改全局样式，只需使用相对定位小技巧即可轻松实现视觉上的对齐。
复制代码 代码如下:
var factorName = new Ext.form.Label({
id : 'factorName',
fieldLabel : '要素名称',
style:"position:relative;top:2px;",
text : simpleGrid.getItems('factorName'),
anchor : '100%'
});
关键之处在于 style:"position:relative;top:2px;" 这一行配置。通过相对定位，将整个标签向下偏移 2 像素，即可让 fieldLabel 与 html 文本在视觉上处于同一水平线。当然，top 值需要根据实际字体大小和行高进行微调，2 像素仅是一个常用起点数值。这种处理方式的好处在于只影响当前实例，不会污染其他组件，代码直观且易于维护。如果 fieldLabel 本身带有缩进或内边距，也可以适当调整偏移量，通常不超过 4 像素即可满足对齐需求。
