웹 프론트엔드 JS 튜토리얼 jQuery 팝업 레이어는 항상 화면 또는 현재 window_jquery를 기준으로 수직 중앙에 위치합니다.

jQuery 팝업 레이어는 항상 화면 또는 현재 window_jquery를 기준으로 수직 중앙에 위치합니다.

May 16, 2016 pm 05:38 PM
수직으로 중앙에 위치 화면 팝업 레이어

팝업 레이어는 항상 프런트 엔드에서 처리해야 하는 항목입니다. 일반적인 상황에서 팝업 레이어의 높이와 너비가 고정되어 있으면 스타일을 사용하여 수행할 수 있습니다. 또는 고정 너비 또는 고정 높이 및 너비, 현재 창의 높이 또는 너비를 동적으로 얻으려면 JS를 사용하여 처리해야 합니다. 오늘 우리는 두 가지 상황을 수행했습니다. 하나는 화면 형식에 상대적이고 다른 하나는 상대적입니다. 현재 창으로 이동하면 도움이 될 수 있습니다.

코드 복사 코드는 다음과 같습니다.







핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

iPhone 스크린샷이 작동하지 않음: 해결 방법 iPhone 스크린샷이 작동하지 않음: 해결 방법 May 03, 2024 pm 09:16 PM

iPhone에서 스크린샷 기능이 작동하지 않나요? 스크린샷을 찍는 것은 매우 쉽습니다. 볼륨 높이기 버튼과 전원 버튼을 동시에 누르고 휴대폰 화면을 잡기만 하면 됩니다. 그러나 장치에서 프레임을 캡처하는 다른 방법이 있습니다. 수정 1 – 보조 터치 사용 보조 터치 기능을 사용하여 스크린샷을 찍습니다. 1단계 – 휴대폰 설정으로 이동합니다. 2단계 – 다음으로 탭하여 접근성 설정을 엽니다. 3단계 – 터치 설정을 엽니다. 4단계 – 다음으로 보조 터치 설정을 엽니다. 5단계 – 휴대폰에서 Assistive Touch를 켜세요. 6단계 – “상위 메뉴 사용자화”를 열어서 접근하세요. 7단계 – 이제 이러한 기능 중 하나를 화면 캡처에 연결하기만 하면 됩니다. 그러니 첫 번째를 클릭하세요.

iPhone 홈 화면에서 삭제를 취소하는 방법 iPhone 홈 화면에서 삭제를 취소하는 방법 Apr 17, 2024 pm 07:37 PM

홈 화면에서 중요한 항목을 삭제하고 다시 복구하려고 하시나요? 다양한 방법으로 앱 아이콘을 화면에 다시 표시할 수 있습니다. 우리는 당신이 따라갈 수 있는 모든 방법과 홈 화면에 앱 아이콘을 다시 넣을 수 있는 방법에 대해 논의했습니다. 방법 1 - 앱 라이브러리에서 앱 아이콘 바꾸기 앱 라이브러리에서 직접 홈 화면에 앱 아이콘을 배치할 수 있습니다. 1단계 – 옆으로 스와이프하여 앱 라이브러리의 모든 앱을 찾습니다. 2단계 – 이전에 삭제한 앱 아이콘을 찾습니다. 3단계 – 메인 라이브러리의 앱 아이콘을 홈 화면의 올바른 위치로 드래그하기만 하면 됩니다. 이것은 응용 다이어그램입니다

6000mAh 실리콘 음극 배터리! Xiaomi 15Pro 업그레이드가 다시 유출되었습니다. 6000mAh 실리콘 음극 배터리! Xiaomi 15Pro 업그레이드가 다시 유출되었습니다. Jul 24, 2024 pm 12:45 PM

7월 23일 뉴스에 따르면 블로거 Digital Chat Station은 Xiaomi 15 Pro의 배터리 용량이 6000mAh로 증가하고 90W 유선 플래시 충전을 지원한다는 소식을 전했습니다. 이는 Xiaomi 디지털 시리즈 중 가장 큰 배터리를 탑재한 Pro 모델이 될 것입니다. Digital Chat Station은 이전에 Xiaomi 15Pro의 배터리가 초고에너지 밀도를 가지며 실리콘 함량이 경쟁 제품보다 훨씬 높다고 밝혔습니다. 2023년 실리콘 기반 배터리가 대규모로 테스트된 후, 2세대 실리콘 양극 배터리가 업계의 미래 발전 방향으로 확인되어 올해 직접 경쟁의 정점을 맞이할 것입니다. 1. 실리콘의 이론적인 그램 용량은 4200mAh/g에 도달할 수 있으며 이는 흑연의 그램 용량의 10배 이상입니다(흑연의 이론적인 그램 용량은 372mAh/g입니다). 음극의 경우 리튬이온 삽입량이 최대에 도달했을 때의 용량이 이론 그램 용량으로 동일 중량 하에서

화면 녹화가 검게 변합니다. 해결 방법은 다음과 같습니다. 화면 녹화가 검게 변합니다. 해결 방법은 다음과 같습니다. May 03, 2024 pm 09:13 PM

휴대폰 화면에 무언가를 녹음하려고 하는데 화면이 검게 변합니까? 일반적으로 제어 센터에서 화면 녹화를 시작할 수 있습니다. 어떤 경우에는 화면의 항목을 녹화할 수 없습니다. 우리는 화면을 올바르게 녹화하는 데 도움이 될 수 있는 가능한 솔루션 목록과 함께 모든 시나리오를 언급했습니다. 화면 녹화가 검은색으로 나타나는 이유 – iPhone 화면에서 재생되는 동안 DRM(Digital Rights Management)으로 보호된 콘텐츠를 녹화하려고 하면 아무 것도 얻을 수 없습니다. 출력은 새까만 화면이 됩니다. Netflix, Disney+, Hulu 및 Peacock과 같은 모든 주요 OTT 플랫폼에는 모든 화면 녹화 기능을 차단하는 이 DRM이 있습니다. 2. 몇몇 웹사이트에서는 화면 캡처 사용을 금지하고 있습니다.

HTML에서 텍스트 상자를 중앙에 맞추는 방법 HTML에서 텍스트 상자를 중앙에 맞추는 방법 Apr 22, 2024 am 10:33 AM

HTML 텍스트 상자를 중앙에 배치하는 방법은 여러 가지가 있습니다. 텍스트 입력 상자: CSS 코드 사용 input[type="text"] { text-align: center } 텍스트 영역: CSS 코드 사용 textarea { text-align: center; } 수평 센터링: 텍스트 상자 상위 요소에 text-align: center 스타일을 사용하여 수직으로 센터링합니다. Vertical-align 속성을 사용합니다. input[type="text"] { Vertical-align: middle;

CSS에서 ul 콘텐츠를 중앙에 배치하는 방법 CSS에서 ul 콘텐츠를 중앙에 배치하는 방법 Apr 26, 2024 pm 12:24 PM

CSS의 중앙 UL 콘텐츠: text-align 속성 사용: 목록 항목의 콘텐츠를 포함하여 텍스트 정렬을 설정합니다. margin 속성을 사용하세요: 요소의 왼쪽과 오른쪽 여백을 설정하고, margin:auto 를 사용해 수평 중심을 맞추세요. 표시 속성을 사용하십시오. 요소를 inline-block으로 설정한 다음 text-align: center를 사용하여 수직으로 가운데에 배치하십시오. 가변상자 속성을 사용하세요: justify-content: center 및 align-items: center를 통해 가로 및 세로 가운데 맞춤.

Honor X60i 휴대폰이 내일 출시됩니다: 시각적 사변형 OLED 다이렉트 스크린 Honor X60i 휴대폰이 내일 출시됩니다: 시각적 사변형 OLED 다이렉트 스크린 Jul 25, 2024 pm 01:54 PM

25일 뉴스에 따르면 아너 X60i 휴대폰은 내일(7월 26일) 10시 8분부터 사전 판매를 시작한다. 휴대폰은 가벼운 디자인을 채택하고 무게는 약 172g, 두께는 약 7.18mm다. Honor X60i는 중앙에 구멍이 있고 4면 모두 경계가 거의 없는 매우 좁은 테두리가 있는 직선형 화면 디자인을 채택하여 시야를 크게 넓힙니다. 후면 카메라 모듈은 우아한 수직 레이아웃으로 제공되며 오른쪽에는 플래시가 추가되어 기술 감각뿐만 아니라 단순함의 아름다움도 강조합니다. 전체적인 디자인 영감은 Huawei Pura70 시리즈를 반영하는 것처럼 보입니다. 그 자체의 특성을 잃어버리게 됩니다. 색상 선택 측면에서 Honor X60i는 다양한 사람들의 개인화된 미적 요구 사항을 충족하기 위해 Magic Night, Black Clouds, Water Blue, Moon Shadow, White Coral 및 Purple의 네 가지 세련된 색상을 신중하게 준비했습니다. 하드웨어 구성도 Honor X60을 과소평가해서는 안 됩니다.

HTML에서 프레임을 중앙에 맞추는 방법 HTML에서 프레임을 중앙에 맞추는 방법 Apr 22, 2024 am 10:45 AM

HTML 프레임을 중앙에 배치하는 방법에는 4가지가 있습니다: margin: 0 auto;: 프레임을 수평으로 중앙에 배치합니다. text-align: center;: 프레임 내용을 가로 중앙에 배치합니다. display: flex; align-items: center;: 프레임을 수직으로 중앙에 배치합니다. position: 절대; 위쪽: 50%; 왼쪽: 50%; 변환: 변환(-50%, -50%);: CSS 변환을 사용하여 고정 크기 프레임 컨테이너의 중앙에 프레임을 배치합니다.

See all articles