프로그래밍 공부 이야기

  • 홈
  • 태그
  • 방명록

flexbox 1

24일차 복습

flex속성 최근 새로 나온 속성으로, 박스(컨테이너)들의 원활한 배치를 위해 만들어졌다. 우리가 웹사이트에 메뉴창(nav창)을 만들거나, 링크를 걸거나, 그 외에도 어떤 기능이 있는 버튼(글자)을 만들 경우, 대부분은 보기 편하게 어떤 방식으로든 정렬되어 있다. flex속성은 이런 정렬을 쉽게 해주기 위해 만들어졌다. 만약 flex속성이 없다면 position을 absolute로 지정해 좌표를 지정해주거나 float속성으로 일일이 정렬해야 할것이다. flex의 기본 개념 flex는 간단히 말해 컨테이너 태그를 크게 세로축, 가로축으로 나눠서, 사용자의 편의에 맞게 정렬할수 있게 해주는 속성이다. 이때, 컨테이너의 내용물( 이해하기 쉽게 div형태의 박스라고 가정하자)의 height 속성을 컨테이너의 높..

공부/html --- css 2022.12.15
이전
1
다음
더보기
프로필사진

프로그래밍 공부 이야기

  • 분류 전체보기 (143)
    • 에러 기록 (15)
      • 배포 에러 (1)
    • 독후감 (0)
    • 파이썬 (0)
    • 공부 (3)
      • html --- css (10)
      • Bootstrap (1)
      • javascript (8)
      • jQuery (1)
      • java (39)
      • sql (3)
      • springboot (22)
      • kotlin (3)
      • 네트워크 (4)
      • 운영체제 (0)
      • JSP (1)
      • MyBatis (1)
      • C# (6)
    • 사이드 프로젝트 (6)
      • 코인 거래 내역 추적기 (6)

Tag

정렬, 스프링, java, 클래스, HTML, C#, 에러, http, 오류, CSS, 빈, 스프링부트, 자바스크립트, 인터페이스, 자바, SQL, 스프링MVC, 타임리프, 코틀린, 테스트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바