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留下圖標 - float:left
5. 使用圖標作爲具有左填充的文本元素的背景圖像。
6. 如果其中任何一個不起作用，您可以使用帶有一行和兩個單元格的表格來定位文本和圖標。

Answer 2

你是如何得到這個結果的？只需更改background-image屬性（而不是其他任何東西）即可開箱即用......您可能會以某種方式覆蓋Ext的CSS，因此應該嘗試修復此問題。

隨着Ext的香草CSS，margin-left正在努力水平移動圖標。否則，默認情況下，圖標跨度絕對定位，因此您可以嘗試使用left屬性進行播放。