要素が存在するのに `$（item）.width（）`が `0`を返すのはなぜですか？このコードでは

Question

、私は幅によってアイテムを中央しようとしています：

var name_ = 'Random name'; 
$('.arrow .text').text(name_);    
$('.arrow .text').css({'marginLeft':'-'+$('.arrow .text').width()/2+'px'}); 
console.log($('.arrow .text').length +' '+ $('.arrow .text').width()); 

HTML

<div style="float:left;"> 
     <div class="map"> 
      <div class="arrow"> 
       <img src="http://www.discoverdartmouth.com/images/map.point.png" /> 
       <div class="text"></div> 
      </div> 
      <img src="http://www.freepik.es/foto-gratis/mapa-del-mundo_17-903095345.jpg" id="img1" /> 
      <br/> 
      <br/> 
      <span class="spain mPointer">Spain</span> <span class="australia mPointer">Australia</span> 
     </div>      
    </div> 

は、回線設定マージンが動作していないと、コンソールログが"1 0"を出力しているので、項目が存在します幅はありません。

私はここで何が欠けていますか？

Answer 1

いいえ;空の要素の幅は0です。

DOMツリーにない要素の幅も0です。