동적 콘텐츠의 div 너비가 조정되지 않습니다.

Question

동적 콘텐츠가로드 될 때 크기가 조정되지 않는 div의 너비에 문제가 있습니다. 당신은 처음 몇 div의 그것의 폭이 동적으로 아이의 이미지를 장전하지 않는 것이,이 스크린 샷에서 볼 수 있듯이

. 그러나 보시다시피, 서버가 자식 이미지를 렌더링 할 시간을 가진 후에로드되는 이후 div는 자식 폭을 얻습니다.

사이트는 Masonry를 기반으로합니다. 나는 벽돌 방법으로이 문제를 해결하려고 노력했다.

$('.masonry-container').masonry('reloadItems') 

그러나 작동하지 않는다.

window.location.reload() 

그러나 않는 모든 페이지를 다시로드입니다 :

는 I도 노력했다.

의견이 있으십니까?

Answer 1

레이아웃에 이미지가있는 경우 imagesLoaded를 사용해야합니다. http://masonry.desandro.com/faq.html

Answer 2

Chrome과 같은 일부 개발자 도구를 살펴보고 '하프로드'이미지를 검사 해보면 대개 콘텐츠를 배치하지 않는 이유를 확인해야합니다.