웹 프론트엔드 HTML 튜토리얼 부동 요소를 수직으로 중앙에 배치하는 방법에 대한 자세한 설명

부동 요소를 수직으로 중앙에 배치하는 방법에 대한 자세한 설명

Jun 25, 2017 am 09:40 AM
수직의 어떻게 센터 뜨다

​​상위 요소에는 상대 위치 지정이 필요합니다*/

상단: 50%;

왼쪽: 50%;

margin-top:-100px /*1/2 높이, 너비*/

margin-left: -100px ;

}

//방법 2: 알 수 없는 요소 높이 및 너비

#div1{

너비: 200px;

높이: 200px;

여백:자동;

위치 : 절대; /*아버지 요소에는 상대 위치 지정이 필요합니다*/

위쪽: 0;

아래쪽: 0; img & gt; (더 간단한 방법을 사용하세요.) */

#container /* 컨테이너 설정은 다음과 같습니다*/

{

display:table-cell;

text-align:center;

수직 정렬 :middle;

}

위 내용은 부동 요소를 수직으로 중앙에 배치하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 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를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

HTML, CSS 및 jQuery: 플로팅 효과가 있는 버튼 만들기 HTML, CSS 및 jQuery: 플로팅 효과가 있는 버튼 만들기 Oct 24, 2023 pm 12:09 PM

HTML, CSS 및 jQuery: 플로팅 효과가 있는 버튼을 만들려면 특정 코드 예제가 필요합니다. 소개: 요즘 웹 디자인은 HTML, CSS 및 JavaScript와 같은 기술을 사용하여 다양한 측면을 추가할 수 있습니다. 페이지에 이러한 특수 효과 및 대화형 효과가 있습니다. 이 기사에서는 HTML, CSS 및 jQuery를 사용하여 플로팅 효과가 있는 버튼을 만드는 방법을 간략하게 소개하고 구체적인 코드 예제를 제공합니다. 1. HTML 구조 먼저, 우리는

WPS 테이블 센터링 설정 방법 WPS 테이블 센터링 설정 방법 Mar 19, 2024 pm 09:34 PM

WPS의 기능이 점점 더 강력해짐에 따라 기능 사용에 있어 점점 더 많은 문제에 직면하게 됩니다. WPS에서는 WPS 테이블을 자주 사용합니다. WPS 테이블을 인쇄해야 할 경우 테이블을 아름답게 보이게 하려면 이때 테이블을 중앙에 배치해야 합니다. 그렇다면 문제는 WPS 테이블을 어떻게 중앙에 배치할 것인가 하는 것입니다. 오늘 저는 여기에서 튜토리얼을 공유하고 있습니다. 이것이 여러분에게 도움이 되기를 바랍니다! 단계 세부사항: 1. 실제 작업을 통해 설명하겠습니다. 다음은 WPS 테이블을 사용하여 만든 간단한 테이블입니다. 2. 인쇄 미리보기를 통해 WPS 테이블이 기본적으로 왼쪽에 있음을 확인할 수 있습니다. 테이블을 중앙에 배치하고 싶다면 어떻게 해야 할까요? 3. 이때 [도구 모음]에서 [페이지 레이아웃]을 클릭해야 합니다.

수레를 지울 수 있는 방법이 있나요? 수레를 지울 수 있는 방법이 있나요? Feb 22, 2024 pm 04:00 PM

부동 소수점을 지우는 방법이 있습니까? 웹 페이지 레이아웃에서 부동 소수점은 요소가 문서 흐름에서 벗어나 다른 요소에 상대적으로 배치되도록 하는 일반적인 레이아웃 방법입니다. 그러나 플로팅 레이아웃을 사용할 때 자주 발생하는 문제는 상위 요소가 플로팅 요소를 올바르게 래핑할 수 없어 페이지의 레이아웃이 무질서해지는 것입니다. 따라서 상위 요소가 플로팅된 요소를 올바르게 래핑할 수 있도록 플로트를 지우는 조치를 취해야 합니다. 부동 소수점을 지우는 방법에는 여러 가지가 있습니다. 다음에서는 일반적으로 사용되는 몇 가지 방법을 소개하고 구체적인 코드 예제를 제공합니다.

다른 div 안에 div를 중앙에 배치하는 방법은 무엇입니까? 다른 div 안에 div를 중앙에 배치하는 방법은 무엇입니까? Sep 08, 2023 am 11:13 AM

소개 div의 중앙 정렬은 프런트 엔드 개발의 가장 중요한 측면 중 하나입니다. 이 기사에서는 HTML과 CSS를 사용하여 하나의 div를 다른 div 안에 배치하는 기술을 살펴보겠습니다. 이 튜토리얼에서는 하위 div가 있어야 하는 상위 div가 있습니다. 우리의 임무는 하위 div를 상위 div의 중앙에 배치하는 것입니다. 변환 변환 및 위치 구문을 사용하는 것은 한 div를 다른 div 구문에 중앙 정렬하는 데 널리 사용되는 방법은 아닙니다. left:50%;top:50%;Transform:translate(-50%,-50%);above 구문은 다음을 수행합니다. 다음 - CSS 규칙 "left:50%;"는 요소의 가로 위치를 다음으로 설정합니다.

하얼빈 의과대학 임상약학 취업에 미래가 있나요? (하얼빈 의과대학 임상약학 취업 전망은 어떻습니까?) 하얼빈 의과대학 임상약학 취업에 미래가 있나요? (하얼빈 의과대학 임상약학 취업 전망은 어떻습니까?) Jan 02, 2024 pm 08:54 PM

하얼빈 의과대학 임상약학 취업 전망은 어떻습니까? 전국 취업 상황이 낙관적이지는 않지만 약학 졸업생의 취업 전망은 여전히 ​​좋습니다. 전반적으로 제약산업 졸업생의 공급은 수요보다 적다. 제약회사와 제약공장은 이러한 졸업생을 흡수하는 주요 통로이기도 하다. 보도에 따르면 최근 몇 년간 조제약품, 천연의약화학 등 전공 대학원생의 수급비율은 1:10에 달하기도 했다. 임상약학전공 취업방향: 임상의학을 전공하는 학생은 졸업 후 의료보건학과, 의학연구 및 기타 학과에서 진료, 예방, 의학연구 등에 종사할 수 있습니다. 채용 직위: 의료 담당자, 제약 영업 담당자, 영업 담당자, 영업 관리자, 지역 영업 관리자, 투자 관리자, 제품 관리자, 제품 전문가, 간호사

HTML 레이아웃 팁: 부동 요소 제어에 위치 속성을 사용하는 방법 HTML 레이아웃 팁: 부동 요소 제어에 위치 속성을 사용하는 방법 Oct 21, 2023 am 09:22 AM

HTML 레이아웃 기술: 위치 속성을 사용하여 부동 요소를 제어하는 ​​방법 웹 디자인에서 레이아웃은 매우 중요한 부분입니다. 합리적인 레이아웃을 통해 웹 페이지를 더욱 아름답고 읽기 쉽게 만들 수 있으며 사용자 경험을 향상시킬 수 있습니다. 레이아웃을 구현하는 과정에서 플로팅 요소의 제어는 핵심 포인트 중 하나입니다. HTML은 부동 요소를 제어할 수 있는 위치 속성을 제공합니다. 이 기사에서는 위치 속성을 사용하여 부동 요소를 레이아웃하고 특정 코드를 제공하는 방법을 소개합니다.

win10 이미지를 빠르게 다운로드하는 방법 win10 이미지를 빠르게 다운로드하는 방법 Jan 07, 2024 am 11:33 AM

최근 몇몇 친구들이 win10 이미지 파일을 다운로드하는 방법을 보고했습니다. 시중에 이미지 파일이 너무 많아서 다운로드할 일반 파일을 찾으려면 어떻게 해야 하나요? 오늘은 편집자가 이미지 다운로드 링크와 자세한 해결 단계를 함께 살펴보겠습니다. win10 이미지 빠른 다운로드 및 설치 튜토리얼 다운로드 링크 >>> 시스템 홈 Ghostwin101909 이미지 64비트 버전 v2019.11<<<>>>Win10 이미지 64비트 v2019.07<<<>>>Win10 이미지 32비트 v2019. 07<< <1. 인터넷으로 검색해 보세요.

임시 폴더를 정리하는 방법 임시 폴더를 정리하는 방법 Feb 22, 2024 am 09:15 AM

임시 폴더를 정리하는 방법 우리가 컴퓨터를 사용하면서 임시 파일(임시 파일)은 점차 쌓이게 됩니다. 이러한 임시 파일은 웹 검색 시 캐시 파일, 소프트웨어 설치 시 임시 파일 등과 같이 컴퓨터를 사용할 때 생성됩니다. 임시 폴더를 오랫동안 정리하지 않으면 많은 양의 디스크 공간을 차지하여 컴퓨터 속도에 영향을 줄 수 있습니다. 따라서 임시 폴더를 정기적으로 청소하는 것은 컴퓨터 성능을 유지하는 데 필요한 단계입니다. 아래에서는 임시 폴더를 정리하는 몇 가지 간단한 방법을 소개합니다. 방법 1: 수동으로 청소

See all articles