Javascript Extjs-选项卡标题上的对齐图标
使用Extjs中的tabpanel,我想使用setIconCls在标题旁边的选项卡上设置一个图标 以下是我得到的: 我如何将其与左侧对齐Javascript Extjs-选项卡标题上的对齐图标,javascript,css,extjs,extjs4,Javascript,Css,Extjs,Extjs4,使用Extjs中的tabpanel,我想使用setIconCls在标题旁边的选项卡上设置一个图标 以下是我得到的: 我如何将其与左侧对齐 Ext.getCmp('updates').setIconCls('notification_icon'); -- 我试着对齐和边距等。。。它只向右移动,而应该在字母“N”之前。如果不知道元素结构,就无法准确思考。但是这里有一些你可以尝试的选择 将右边距添加到图标-margin rignt:10px 在文本中添加左边距(如果您的文本在元素中)-左边距:10
Ext.getCmp('updates').setIconCls('notification_icon');
--
我试着对齐和边距等。。。它只向右移动,而应该在字母“N”之前。如果不知道元素结构,就无法准确思考。但是这里有一些你可以尝试的选择
margin rignt:10px代码>
左边距:10px代码>
左边距:-10px代码>
float:left
你最初是怎么得到这个结果的?只需更改
背景图像
属性(以及其他内容)就可以了。。。您很可能以某种方式覆盖了Ext的CSS,您应该尝试修复它
使用Ext的香草CSS,
左边距
可以水平移动图标。否则,默认情况下,图标跨度是绝对定位的,因此您可以尝试使用left
属性。该图标看起来不像是40px宽的。。。
.notification_icon{
background-image: url("../icons/notif.png") !important;
width: 40px !important;
}