javascript - Extjs - 在选项卡标题上对齐图标

Question

在 Extjs 中使用 tabpanel，我想使用 setIconCls 在标题旁边的选项卡上设置一个图标；

这是我得到的:

我怎样才能让它向左对齐？

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

--

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

我尝试了 align 和 margin 等...它只向右移动，而它应该在字母“N”之前。

Answer 1

如果不了解您的元素结构，就无法准确思考。但这里有一些您可以尝试的选项。

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