Extjs - 对齐标题标题上的图标

Question

在Extjs中使用tabpanel，我想使用setIconCls在标题旁边的标签上设置一个图标;

这是我得到的：

我如何将它对齐到左边？

Ext.getCmp('updates').setIconCls('notification_icon');

-

.notification_icon{  
    background-image: url("../icons/notif.png") !important;   
    width: 40px !important;
}

我尝试对齐和保证金等...它只向右移动，而它应该在字母'N'之前。

Answer 1

如果不了解您的元素结构，就无法完全思考。但是你可以尝试一些选项。

1. 向图标添加右边距 - margin-rignt:10px;
2. 向文本添加左边距（如果您的文字位于元素内） - margin-left:10px;
3. 将减去左边距添加到图标 - margin-left:-10px;
4. 使用左侧浮动图标 - float:left
5. 使用图标作为带左边填充的文本元素的背景图像。
6. 如果其中任何一个不起作用，您可以使用包含一行和两个单元格的表来定位文本和图标。

Answer 2

你是如何在第一时间得到这个结果的？只更改background-image属性（没有别的）应该开箱即用......你很可能以某种方式覆盖了Ext的CSS，你应该尝试解决这个问题。

使用Ext的vanilla CSS，margin-left正在努力水平移动图标。否则，默认情况下，图标范围绝对定位，因此您可以尝试使用left属性进行播放。