본문으로 바로가기

코드에 빠지다

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈
  • 태그
  • 방명록
관리자
  • 블로그 이미지
    구하천포

    개인 프로젝트 정리 및 개발 관련 지식 공유를 위한 블로그입니다.

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

div 가운데 정렬 검색 결과

해당 글 1건

[CSS] div 정렬하기, div 가운데 정렬하기

[CSS] div 정렬하기, div 가운데 정렬하기 대표적인 block 요소인 div 태그를 정렬해보자. (div안에 있는 div 요소를 정렬하는 것) 제가 봐도 글을 너무 못 적어서 그냥 코드만 보는 것을 추천드립니다. HTML 구조 해당 게시글에서 사용하는 HTML 마크업 구조는 아래와 같다. 좌측 정렬, 가운데 정렬, 우측 정렬 해당 정렬 방법은 너무 간단하다. 그냥 기본적인 margin 속성만 사용하여도 충분히 할 수 있다. - 좌측 정렬 좌측 정렬의 경우, 마크업을 하면 기본이 좌측부터 그려지기 때문에 어떠한 값을 주지 않아도 된다. - 가운데 정렬 가운데 정렬도 어렵지 않다. 안에 있는 div 요소에게 margin: 0 auto 값만 주면 된다. - 우측 정렬 우측 정렬도 어렵지 않다. 안에 ..

공유/HTML, CSS 2021. 4. 14. 21:32
  • 이전
  • 1
  • 다음

사이드바

NOTICE

  • 코드에 빠지다
  • 전체 보기
MORE+

CATEGORY

  • 분류 전체보기 (234)
    • 회고 (10)
      • 회고록 (10)
    • 개인 프로젝트 (13)
      • 코드 조각 (1)
      • 내가 면접관, 면접자 (5)
      • 블로그 에디터 (1)
      • React 컴포넌트 구현하기 (6)
    • 연습 프로젝트 (16)
      • 공주찾기 (공휴일, 주소찾기) (7)
      • 채팅 (React, Express, Socket... (8)
      • 기타 (1)
    • 공유 (131)
      • HTML, CSS (5)
      • JavaScript, TypeScript (45)
      • ESLint (10)
      • Electron (7)
      • Node, NPM (17)
      • React, Next (6)
      • Git, Github (10)
      • 기타 (31)
    • 에러 모음 (17)
      • React (7)
      • JavaScript (2)
      • 기타 (8)
    • 기타 (+ Legacy) (47)
      • Legacy (47)

RECENTLY

  • 최근 글
  • 최근 댓글

최근 글

최근댓글

Trackback

TAG

  • 개발자 회고
  • nextjs
  • socket.io 채팅
  • react
  • React 기초
  • React 채팅
  • Node 채팅
  • 회고록
  • react-hook-form
  • 자바스크립트
  • javascript
  • ESLint
  • typescript
  • Git
  • Electron
MORE+

ARCHIVE

CALENDAR

«   2025/05   »
일 월 화 수 목 금 토
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 29 30 31

LINK

VISITOR

오늘
어제
전체
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT 코드에 빠지다, ALL RIGHT RESERVED.
코드에 빠지다
블로그 이미지 구하천포 님의 블로그
MENU
  • 홈
  • 태그
  • 방명록
CATEGORY
  • 분류 전체보기 (234)
    • 회고 (10)
      • 회고록 (10)
    • 개인 프로젝트 (13)
      • 코드 조각 (1)
      • 내가 면접관, 면접자 (5)
      • 블로그 에디터 (1)
      • React 컴포넌트 구현하기 (6)
    • 연습 프로젝트 (16)
      • 공주찾기 (공휴일, 주소찾기) (7)
      • 채팅 (React, Express, Socket... (8)
      • 기타 (1)
    • 공유 (131)
      • HTML, CSS (5)
      • JavaScript, TypeScript (45)
      • ESLint (10)
      • Electron (7)
      • Node, NPM (17)
      • React, Next (6)
      • Git, Github (10)
      • 기타 (31)
    • 에러 모음 (17)
      • React (7)
      • JavaScript (2)
      • 기타 (8)
    • 기타 (+ Legacy) (47)
      • Legacy (47)
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

티스토리툴바