나, 記錄
close
프로필 배경
프로필 로고

나, 記錄

  • 분류 전체보기 (184)
    • programming (101)
      • java (40)
      • sql (10)
      • html & css (12)
      • javascript & jQuery (7)
      • spring (21)
      • git (8)
      • web (3)
      • React (0)
    • Project (25)
      • IMFIND (24)
      • 365 (1)
    • study (24)
      • java study (24)
    • 기록 (12)
      • Error (11)
      • 회고 (1)
    • 정보 (19)
      • mac (9)
      • etc (7)
      • 후기 (3)
  • 홈
  • 태그
  • 방명록
  • 깃허브

[CSS] inline, block, inline-block

display 속성은 HTML요소 (Element)들을 시각적으로 어떤 형식으로 보여줄지 결정하는 속성 dispaly: inline; 텍스트처럼 dispaly: block; 상자처럼 inline 요소들 , , , - 기본적으로 옆으로 쭉 나열 되다가, 공간이 모자라면 다음 줄로 넘어감. block 요소들 , - width, height으로 크기를 설정할수 있고, 옆에 공간이 남아도 다음 줄로 넘어감. inline-block속성은 위 두가지의 특징을 모두 가짐, inline처럼 텍스트 흐름대로 쭉 나열되고, block처럼 박스 형태라 width, height로 크기 설정 가능. .box1 { display: inline-block; width: 300px; } .box2 { display: inline-b..

  • format_list_bulleted programming/html & css
  • · 2020. 12. 24.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (184)
    • programming (101)
      • java (40)
      • sql (10)
      • html & css (12)
      • javascript & jQuery (7)
      • spring (21)
      • git (8)
      • web (3)
      • React (0)
    • Project (25)
      • IMFIND (24)
      • 365 (1)
    • study (24)
      • java study (24)
    • 기록 (12)
      • Error (11)
      • 회고 (1)
    • 정보 (19)
      • mac (9)
      • etc (7)
      • 후기 (3)
최근 글
인기 글
최근 댓글
태그
  • #백준
  • #spring
  • #시간
  • #자바
  • #기록
  • #공부
  • #자바의정석
  • #프로젝트
  • #Java
  • #자바 기초
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바