Reload0213 devNote

  • 홈
  • 태그
  • 방명록

FLEX 1

[HTML/CSS] div(혹은 특정 요소) 가운데 정렬

제일 처음 HTML과 CSS를 배우기 시작하고, 클론코딩을 시도하려 했을때 가장 애를 먹었던 부분이 컨텐츠들을 정렬하고 위치를 내가 원하는 대로 두는것이 어렵게 다가왔습니다. 지금도 다른 영역을 배우다가 다시 앞에 보여지는 부분들 즉 이러한 컨텐츠들을 구성하려니 또 다시 처음하는 것처럼 가물가물하여 블로그에 정리해봅니다. 여러방법이 있으나 absolute를 이용한 방식은 개인적으로 별로인 것 같아 다른 2가지 정도씩으로 정리해보겠습니다. div 가운데 정렬 하는 방법 div 영역을 중앙에 배치하는 방향에 따라 다양한 방법이 존재합니다. 다음과 같이 정렬 방향에 따라 케이스를 나눠서 방법을 소개해드리도록 하겠습니다. 정렬 방향 div의 가로만 정렬 div의 세로만 정렬 div의 가로와 세로 모두 정렬 di..

실전예제/CSS예제 2021.12.05
1
더보기
프로필사진

늦깎이 30대 시작한 비전공 개발자 늦은만큼 막혀도 꾸준히 삽질해서, 끊임없이 성장하자

  • 분류 전체보기
    • 프로젝트 및 포트폴리오
    • TMI
    • 공부노트
      • HTML
      • HTTP
      • CSS3
      • JavaScript
      • jQuery
      • Java
      • JSP
      • Spring
      • Mybatis
      • DB
      • Git
      • React
      • Node.js
    • 계획 및 피드백
    • 실전예제
      • CSS예제
      • JavaScript예제
    • 오류 정리 ( 같은 실수 하지 말자)
    • etc

Tag

메서드, 공부노트, Spring, 자바스크립트, 메모, javascript, 개발, 500에러, JSTL, bean객체, React, 기본정리, 비전공, jsp, Java, 기본기, css, HTML, 노트, 암기,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바