# inline block

56개의 포스트
post-thumbnail

[HTML] Div vs Span

1) 둘의 차이 : 정말 간단하고, 명료한 둘의 차이는 전자는 block 요소에 해당하는 태그이고, 후자는 inline 요소에 해당하는 태그이다. 간단하게 block vs inline에 대해 설명해보면,

2021년 9월 2일
·
0개의 댓글
post-thumbnail

[inline, inline-block, block]

위 3개는 각자의 자리에서 해당 요소가 얼마만큼의 크기를 차지하고 있느냐를 나타내준다.차근차근 하나씩 알아보자display: inline; 과 같은 형식으로 써주고 딱 해당 요소의 크기만큼만 자리를 차지하기 때문에 그 옆으로 이어서 작업을 해나갈 수 있다.다음을 보자.

2021년 9월 1일
·
0개의 댓글

[CSS] inline, block, inline-block

inline 속성을 가지고 있는 tag 들은 span, a, img ... 들이 있으며, tag의 종류가 궁금하다면, 여기를 눌러 확인 하세요.inline 요소들의 특징으로는컨텐츠가 없다면 표시가 되지 않음width, height에 크기를 지정해도, 지정한 크기를 무시

2021년 8월 4일
·
0개의 댓글
post-thumbnail

[CSS] display 속성

display display 속성은 웹의 레이아웃을 결정하는 css의 중요한 속성 중 하나이다. 이 속성은 요소를 어떻게 보여줄지를 결정한다. 1. block

2021년 8월 3일
·
0개의 댓글
post-thumbnail

CSS layout(position, display, float)는 뭘까?

css 레이아웃의 종류와 기능을 살펴보면,

2021년 7월 6일
·
0개의 댓글
post-thumbnail

TIL - 06. inline, inline-block, block 에 대해서

display 속성의 대표적인 것들을 정리하고 넘어간다.1\. inline말 그대로 한 줄 안에 여러 요소들이 나란히 배치된다.inline으로 지정되면 태그에 담긴 컨텐트의 크기에 따라 공간이 차지된다.따라서 width나 height를 지정할 수 없다.padding이나

2021년 7월 6일
·
0개의 댓글
post-thumbnail

Block / Inline / Inline-block

모든 엘리먼트에는 엘리먼트의 유형에 따라 Block / Inline으로 나뉩니다.끝!

2021년 6월 9일
·
0개의 댓글
post-thumbnail

TIL 03 | Display - inline, inline-block, block

요소를 배치하여 레이아웃을 설정할 때 사용하는 속성, box-type을 결정짓는 css 속성

2021년 6월 8일
·
0개의 댓글

inline / inline-block / block 차이

css의 display property에는 많은 종류의 value가 있지만, 그 중 inline vs. inline-block vs. block에 대해 비교해보고자 한다. - 태그 안의 글자 길이만큼의 영역만 화면에 표시한다. inline을 default값으로

2021년 6월 8일
·
0개의 댓글
post-thumbnail

💅 CSS :: Position, Display, Float에 대해 알아보기

각 요소의 배치, 레이아웃을 표현하며 CSS의 뼈대를 형성해주는 CSS position, display, float에 대해 알아봅니다🤓

2021년 5월 25일
·
0개의 댓글
post-thumbnail

css : inline, inline-block, block

display 속성이 inline인 element의 경우 줄바꿈 없이 한줄로 나타나고, 크기를 지정할 수 없다.( width, height 속성 적용 x ) 또한 좌우 margin, padding은 설정 가능하나 상하 설정은 불가능 하다. ▶️ 내용이 담겨있는 크기로

2021년 5월 12일
·
0개의 댓글

TIL - Wecode | CSS - Inline,Block

inline 과 block은 display 속성의 프로퍼티들입니다. inline : 요소의 공간을 컨텐츠만큼만 차지하는 프로퍼티입니다.block : 요소의 공간을 페이지의 width만큼 전부 차지하는 프로퍼티입니다.inline과 block은 그림으로 보면 훨씬 이해하기

2021년 5월 12일
·
0개의 댓글
post-thumbnail

레이아웃 만들기

전체적으로 모든 요소를 담는 큰 박스를 하나 만들어라전통적으로 class명은 wrap, container을 씀div 는 block 태그이기 때문에 한 줄에 한 태그씩 표현되는데 이것을 옮기려면?방법 : float : left 를 이용한다.박스 두 개를 각각 왼쪽으로 정

2021년 5월 9일
·
0개의 댓글
post-thumbnail

Basic of Display: flex

flexbox에 관한 내용을 다뤄보려고 한다이를 위해서는 먼저 inline-block에 대해 알아야 할텐데block과 inline의 성질을 둘 다 갖는 것이라고 이해하면 되는데 예를들면htmlcss각각 위와 같이 입력하면위와 같이 원치않은 빈공간들이 생긴다나는 marg

2021년 4월 19일
·
0개의 댓글
post-thumbnail

[TIL] Layout A to Z

이미지 주위의 텍스트를 감싸기 위해 처음 만들어졌다. 위와 같이 사용하며 float의 속성값으로 left, right, none을 대표적으로 사용할 수 있다. 단어 의미 그대로 left는 선택한 요소를 좌측으로 옮긴다는 의미이며 right는 오른쪽 none은 움직이지

2021년 4월 14일
·
0개의 댓글
post-thumbnail

inline, block, inline-block display

inline display 👉 inline-block display block display

2021년 4월 14일
·
0개의 댓글
post-thumbnail

[css] display 속성 (feat. inline, block)

인라인, 블록에 대해 알아보자.

2021년 3월 29일
·
0개의 댓글
post-thumbnail

block / inline / inline-block

block 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다 width, height, margin, padding 속성이 모두 반영 > # inline 요소끼리 서로 한 줄에, 바로 옆에 위치할 수 있다 텐트의 크기 만큼만 공간을 차지하도록 되어 있기 때문에 width와 height 속성을 지정해도 무시 > # inline-block 요소...

2021년 2월 17일
·
0개의 댓글
post-thumbnail

[HTML/CSS] Inline⛸과 Block⬛, Float

CSS Property display inline block

2021년 2월 17일
·
0개의 댓글

[css] block, inline, inline-block

css display에서 선택가능한 block, inline, inline-block에 대한 포스팅block 속성을 가진 element는 각각의 element가 페이지의 왼쪽 끝에서 오른쪽 끝까지 너비를 가진다. 너비는 도화지 같은 개념으로, A4용지에 작은 그림을 그

2021년 1월 13일
·
0개의 댓글