Coding Lab

  • 홈
  • 태그
  • 방명록

display:inline-block 2

display:inline-block 으로 메뉴 만들기

MENU1 MENU2 MENU3 MENU4 [예제 1] [그림 1] MENU1 MENU2 MENU3 MENU4 [예제 2] [그림 2] /* 메뉴 중앙정렬 */ MENU1 MENU2 MENU3 MENU4 [예제 3] [그림 3] 메뉴 중앙정렬 (text-align:center) 인라인 요소나 인라인 블럭요소는 부모 요소에 text-align:center 를 추가하면 중앙정렬이 됨 ul은 부모요소이며 block 속성을 지닌다.

CSS 2021.12.11

display 속성 (inline, block level,,,,)

Display 속성은 해당요소(태그)가 브라우져 화면에 어떻게 나타는 지를 결정합니다. Display 속성 값에는 여러 속성 값이 있지만 브라우져가 모든 값을 지원하지는 않습니다. 브라우져에서 지원하는 대표적인 속성으로는 block, inline, inline-block, none등이 있습니다. Block 속성 : 한 라인에 하나의 block 요소가 배치됩니다. 기본 너비 값은 브라우져 화면의 100%를 차지합니다. Width, height의 크기 값을 가질 수 있으며 상하 좌우 마진 값을 가질 수 있고, 상하 좌우 패딩 값도 가질 수 있습니다. 다음과 같은 태그들이 block 속성에 해당합니다. h1 ~ h6, div, p, ul, ol, li, header, nav, aside, main, secti..

CSS 2021.12.11
이전
1
다음
더보기
프로필사진

Coding Lab

http://www.coding-lab.org

  • 분류 전체보기 (13)
    • HTML (7)
    • CSS (3)
    • JAVASCRIPT (0)
    • Visual Studio Code (3)

Tag

중앙 정렬, semantic tag, Live Server, display:block, cite 속성, display 속성, 인라인 속성, 인라인 블럭 속성, 시맨틱 태그, Auto rename tag, font-style:italic, 블럭 속성, Visual Studio Code, HTML5 기본 문서구조, visibility:hidden, display:inline-block, diplay:none, p 태그, VS Code, .meta tag,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 © nogadax70@daum.net. All rights reserved.

티스토리툴바