JavaScript가없는 화면 가운데에 팝업 창이 위치합니다.

다음 HTML과 CSS가 있습니다. 이제 모든 팝업 창을 모든 브라우저 창 크기의 중간에 배치하고 싶습니다. 자바 스크립트없이 이것을 사용할 수 있습니까?JavaScript가없는 화면 가운데에 팝업 창이 위치합니다.

CSS :

.floating-window { 
    z-index: 9999; 
    position: absolute; 
    width: 200px; 
height: 200px; 
    cursor: default; 
    -moz-box-shadow: 1px 1px 1px #888; 
    -webkit-box-shadow: 1px 1px 1px #888; 
    box-shadow: 1px 1px 1px #888; 
}

HTML :

<div class='floating-window box'></div>

출처

2011-02-23 newbie

웹 사이트의 팝업 창은 1990 년대입니다. –

비율로, 당신은 그것의 절반은 왼쪽에 있도록 당신의 상자를 설정할 수 있습니다. 따라서

width: 30%; 
left: 45%; /* 50% (center) - 15% (half of 30) */

또한 px를 사용할 수도 있지만 컨테이너의 너비는 절대적으로 제한됩니다. 너 주위를 수색 했니? 나는이 방법을 내가 가진 것보다 더 광범위하게 설명하는 기사가 있다는 것을 알고있다.

출처

2011-02-23 13:55:57

물론, 그것은 가능하지만, 어떻게 당신이 그것을 멀리 갈 수 있도록 건가요? 자바 스크립트를 필요 것

은 ...

출처

2011-02-23 13:46:39 awm

사실 그렇지만 JavaScript가 필요없는 경우 CSS 대신 왜 사용해야합니까? – newbie

사람들은 종종 CSS에서 할 수있는 일을하기 위해 JavaScript를 사용합니다. 나를 때려. – awm

JavaScript가없는 화면 가운데에 팝업 창이 위치합니다.

답변

관련 문제