콘텐츠로드 후 모든 방향으로 div를 확장하는 방법은 무엇입니까?

팝업 칸이 position:fixed입니다. 처음에는 내용이로드 될 때까지로드하는 이미지를 표시하려고합니다. 콘텐츠로드 후 모든 방향으로 div를 확장하는 방법은 무엇입니까?

제가

화면에 따른 DIV 중심을

this.css("top", ($(window).height() - this.height())/2 + $(window).scrollTop() + "px"); 

this.css("left", ($(window).width() - this.width())/2 + $(window).scrollLeft() + "px");

사용. 그것은 잘 작동합니다. 함유량이 복잡한 형태로 간단한 텍스트 문단 내지 때문에 콘텐츠가로드 된 후

문제가 발생 이들은 오른쪽 및 아래쪽 방향으로 펼쳐지. 내 div가 작은 "로드 중"이미지에 따라 중앙에 배치되었으므로 이제는 새로운 내용으로 오른쪽 및 아래쪽 방향으로 더 많이 이동합니다.

모든 방향으로 div를 확장 할 수있는 방법이 있습니까?

출처

2012-07-03 Nikhar

먼저 div 중심 조정을 수정 해 보겠습니다. 고정 된 DIV를 들어, 다음을 고려 :

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      div.center 
      { 
       position: relative; 
       width: 400px; 
       height: 400px; 
       margin: 0px auto; 
       background-color: red; 
      } 

      div.fix 
      { 
       position: fixed; 
       width: 100%; 
       margin: 100px auto; 
      } 
     </style> 
    </head> 
    <body> 
     <div class="fix"><div class="center"></div></div> 
    </body> 
</html>

이것은 크기의 방법에 상관없이 동적으로 사업부를 중심 것, 또는 (높이와 너비 모두) 변경 방법에 대해 설명합니다. 그것은 또한 매우 (내가 인정하는) 해커가 아닙니다. 이 종류의 CSS를 문제에 적용 해 보면 화려하게 크기를 조정해야합니다.

출처

2012-07-03 10:39:20

콘텐츠로드 후 모든 방향으로 div를 확장하는 방법은 무엇입니까?

답변

관련 문제