iframe을 센터링하는 방법

작가: Clyde Lopez
창조 날짜: 20 팔월 2021
업데이트 날짜: 1 칠월 2024
Anonim
CSS 트릭 : 임베디드 iframe을 반응 형으로 만드는 방법은 무엇입니까?
동영상: CSS 트릭 : 임베디드 iframe을 반응 형으로 만드는 방법은 무엇입니까?

콘텐츠

iframe은 하나의 웹 페이지를 다른 웹 페이지에 표시 할 수있게 해주는 HTML 요소입니다. 일반적으로 페이지 중앙에 위치하며 여러 속성이 있으므로 사이트 스타일에 따라 서식을 지정할 수 있습니다. 이러한 형식 속성에는 프레임 내에서 페이지와 파일 내에서 가운데에 배치 할 수있는 기능이 포함됩니다. 프레임을 가운데로 정렬하는 작업에는 iframe의 HTML 코드에 "align"속성을 추가하고 "div"태그를 사용하여 사이트의 가운데에 배치해야합니다. HTML 코드 편집은 "메모장"과 같은 간단한 텍스트 편집기 또는 Visual Studio와 같은 고급 콘솔에서 수행 할 수 있습니다.


지침

iframe 중앙 집중화 (Stockbyte / Stockbyte / 게티 이미지)
  1. HTML 편집기를 열고 인코딩 된 iframe이있는 파일을로드하십시오.

  2. HTML iframe 코드에 "align = middle"을 입력하십시오. 다음 코드는 중앙화 된 iframe의 예입니다.

  3. div 태그를 사용하여 웹 페이지 내에서 iframe의 가운데에 배치하십시오. 다음 코드는 iframe을 캡슐화하고 페이지에 가운데에 배치합니다.

  4. 페이지를 저장하십시오. 브라우저를 사용하여 새 설정을 테스트하십시오. 브라우저에서 페이지를 열고 iframe의 위치를 ​​봅니다. 그것은 페이지의 중앙에 위치 할 것입니다.