jquery를 사용하여 각 div의 너비를 설정하십시오.

Question

저는 div의 중심에 놓으려고합니다. 문제는 div의 콘텐츠가 동적으로 생성되어 더 길거나 짧을 수 있다는 것입니다. 여기

는

<li class="row"> 
<div class="channel_date"> 
    <p class="channel"> 
     Returns | 
    </p> 

    <p class="date"> 
     Mar 11, 2014 
    </p>     

</div> 
</li> 

그래서 내가 페이지를로드 한 후 각 사업부의 폭을 얻을 필요 설정 (약 1000이 최대의 최소한 몇있다) 한 리튬의 샘플입니다 그 너비에 div 그래서 마진 자동으로 그것을 중심으로 것입니다. jquery로 끝낼 수 있다면 가장 좋습니다. 감사합니다. 감사합니다.

Answer 1

일치하는 div를 반복하고 현재 너비를 가져옵니다. 그런 다음 요소에 동일한 너비를 적용합니다. CSS에서 다음

$(document).ready(function() { 
    $('.channel_date').each(function() { 
     var curWidth = $(this).width(); // determine the width 
     $(this).width(curWidth); // set the width 
    }); 
}); 

는 :

.channel_date { 
    margin: 0 auto; 
} 

Answer 2

창에서 중심이 플러그인을 사용, 당신이 그것을 변경할 수 있습니다 자신의

jQuery.fn.center = function() { 
    this.css("position","absolute"); 
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight())/2) + 
               $(window).scrollTop()) + "px"); 
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth())/2) + 
               $(window).scrollLeft()) + "px"); 
    return this; 
} 

사용 방법 :

$(element).center(); 

Answer 3

당신은 아마 가장의 jQuery 문서 준비 기능을 사용하는 것이고, divs의 너비를 설정하십시오. http://api.jquery.com/width/