탁이로그

    CSS 상하 가운데 정렬 1

    [CSS] 상하 또는 좌우에서 가운데 정렬 하는 법

    1. 가운데 정렬 text-align : center; 내용의 텍스트와 이미지같은 인라인 요소의 가운데 정렬은 부모가되는 블록 요소에 text-align:center; 를 지정하는 것으로 간단히 지정할 수 있습니다. .parent{ text-align: center; } 2. 가운데 정렬 margin : 0 auto; 1 번과 함께 가장 친숙한 방법으로 부모가 되는 블록 요소에 margin: 0 auto; 를 넣어 줍니다. .parent{ width: 80%; margin: 0 auto; max-width: 500px; } width지정이 필수. % 로 지정하면 반응형 디자인에 대한 대응이 가능합니다. PC 뷰에 최대 폭을 결정하기 위해 max-width을 사용할 수도 있습니다. 3. 상하 좌우 가운데 ..

    코딩배우기 2020.03.04
    1
    더보기
    프로필사진

    탁이로그는 IT와 언어를 중심으로 유용한 정보를 발신하고 있습니다. 문의는 위 QR코드의 오픈체팅으로 부탁드립니다.

    • 분류 전체보기 (1001)
      • 아이폰 (173)
      • 맥북 (79)
      • 아이패드 (13)
      • 애플워치 (8)
      • 갤럭시, 스마트폰 (71)
      • 구글홈 (18)
      • IT 인터넷 (105)
      • 아두이노, 메이커 (34)
      • 제품 소개, 리뷰 (42)
      • 블로그 (16)
      • 윈도우 (29)
      • 비지니스영어 (19)
      • 영어문법기초 (46)
      • 일본어와 일본 (58)
      • 코딩배우기 (61)
      • 유익한 정보 (132)
      • 건강정보 (16)
      • 수학 (12)
      • 커피 (3)
      • 계산기 (52)

    Copyright © 탁이로그 All rights reserved.

    일부 링크는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.
    • 탁이로그

    티스토리툴바