개발자의 낙원

  • 홈
  • 태그
  • 방명록

inline 1

HTML 반응형 웹디자인: inline-block 대신 flex를 사용하자.

html 요소는 다음과 같은 css 코드를 통해 인라인 (inline)과 블록(block) 요소의 성질을 모두 갖게 설정할 수 있다. display: inline-block; 이렇게 지정된 인라인블록은 기존의 인라인처럼 다른 것들과 수평적으로 나란히 배치할 수 있다. 또 블록처럼 너비와 관련된 속성값을 설정할 수도 있다.(margin, height, width) block: 수평선을 혼자 차지하는 HTML태그 ex) , , ... , .. 등 inline: 수평선에 다른 요소가 같이 위치할 수 있는 HTML 태그 ex) , , , .. 등 블록을 인라인블록으로 바꿔보자 div 태그는 같은 수평선 안에 다른 html 요소가 올 수 없는 대표적인 block 태그이다. html코드 .baby { margin:..

it공부 (개념)/HTML, CSS 2023.03.22
이전
1
다음
더보기
  • 분류 전체보기 (105)
    • 코딩테스트 (4)
      • 완전탐색 (1)
    • 수학 (1)
    • 프로젝트 기록 및 회고 (1)
      • 노마드10주 스터디 (11)
      • 고객관리 프로그램 (2)
    • it공부 (개념) (62)
      • javascript (27)
      • python (3)
      • 뻘글 (6)
      • 자료구조와 알고리즘 그리고 파이썬 (3)
      • HTML, CSS (12)
      • 웹 (4)
      • 디자인 패턴 (0)
    • 기타 (5)
    • it공부 (이야기) (8)
      • 리팩터링 (1)
      • 이런저런이야기 (1)
      • 버그픽스 (1)
    • CS공부(개념) (9)
      • 컴퓨터구조론 (1)
      • 독후감 (7)
    • 소프트스킬: 대인관계 (2)
      • 성찰 (2)

최근글과 인기글

  • 최근글
  • 인기글

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.

티스토리툴바