1

我有 9 个项目的导航菜单，其中最顶层的结构如下：

UL LI A

我正在重置文本渲染：

#horizontalMega2 > li > a {
    font-family: "Helvetica", "Arial", "Verdana", "sans-serif";
    font-size:10px;
    font-weight: normal;
    letter-spacing: normal;
    white-space: nowrap;
    word-spacing: normal;
    text-transform: uppercase;
    width:100%;
}

当用 jQuery 循环它们时：

$( '#horizontalMega2 > li').each( function(){
  console.log( 'outerWidth( true ) ' +  $(this).outerWidth( true ));
}

...控制台显示在..

法郎 

outerWidth( true ) 61
outerWidth( true ) 59
outerWidth( true ) 39
outerWidth( true ) 50
outerWidth( true ) 19
outerWidth( true ) 27
outerWidth( true ) 114
outerWidth( true ) 68
outerWidth( true ) 78

铬合金

outerWidth( true ) 68
outerWidth( true ) 63
outerWidth( true ) 44
outerWidth( true ) 55
outerWidth( true ) 23
outerWidth( true ) 31
outerWidth( true ) 131
outerWidth( true ) 78
outerWidth( true ) 88

即 10 9

 outerWidth( true ) 66 
 outerWidth( true ) 63 
 outerWidth( true ) 42 
 outerWidth( true ) 54 
 outerWidth( true ) 22 
 outerWidth( true ) 29 
 outerWidth( true ) 127 
 outerWidth( true ) 74 
 outerWidth( true ) 86

即 8

 outerWidth( true ) 68 
 outerWidth( true ) 63 
 outerWidth( true ) 44 
 outerWidth( true ) 55 
 outerWidth( true ) 23 
 outerWidth( true ) 31 
 outerWidth( true ) 131 
 outerWidth( true ) 78 
 outerWidth( true ) 88

... 有趣的是，IE8 和 Chrome 给出了相同的结果。我错过了什么？

我正在使用 jQuery 1.9.1

4

0 回答 0