Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Extjs-选项卡标题上的对齐图标_Javascript_Css_Extjs_Extjs4 - Fatal编程技术网

Javascript Extjs-选项卡标题上的对齐图标

Javascript Extjs-选项卡标题上的对齐图标,javascript,css,extjs,extjs4,Javascript,Css,Extjs,Extjs4,使用Extjs中的tabpanel,我想使用setIconCls在标题旁边的选项卡上设置一个图标 以下是我得到的: 我如何将其与左侧对齐 Ext.getCmp('updates').setIconCls('notification_icon'); -- 我试着对齐和边距等。。。它只向右移动,而应该在字母“N”之前。如果不知道元素结构,就无法准确思考。但是这里有一些你可以尝试的选择 将右边距添加到图标-margin rignt:10px 在文本中添加左边距(如果您的文本在元素中)-左边距:10

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

以下是我得到的:

我如何将其与左侧对齐

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


我试着对齐和边距等。。。它只向右移动,而应该在字母“N”之前。

如果不知道元素结构,就无法准确思考。但是这里有一些你可以尝试的选择

  • 将右边距添加到图标-
    margin rignt:10px
  • 在文本中添加左边距(如果您的文本在元素中)-
    左边距:10px
  • 将负左边距添加到图标-
    左边距:-10px
  • 将float left与图标一起使用-
    float:left
  • 使用图标作为带有左填充的文本元素的背景图像
  • 如果其中任何一个不起作用,您可以使用一行两个单元格的表格来定位文本和图标

  • 你最初是怎么得到这个结果的?只需更改
    背景图像
    属性(以及其他内容)就可以了。。。您很可能以某种方式覆盖了Ext的CSS,您应该尝试修复它


    使用Ext的香草CSS,
    左边距
    可以水平移动图标。否则,默认情况下,图标跨度是绝对定位的,因此您可以尝试使用
    left
    属性。

    该图标看起来不像是40px宽的。。。
    .notification_icon{  
        background-image: url("../icons/notif.png") !important;   
        width: 40px !important;
    }