코딩기초1 [코딩 기초] display 속성: inline, block, inline-block 코딩의 가장 기초적이면서 중요한것이 display에 대한 이해일 것이다. 나도 직접 해보면서 느낀 것이지만, 마진이나 내가 생각한 만큼의 너비가 나오지 않을 때 참 당황스럽다. 이거슨 디.스.플.레.이 속성의 차이!! 잘 알고있으면 시간도, 코드 양도 줄여주는 각 디스플레이에 대해 알아보자! 1.inline 요소 VS block 요소 우리가 많이 쓰는 span 태그를 생각해 보면 쉬울 것 같다. 특징 인라인은 기본적으로 컨텐츠의 너비값이다. 그러니깐, 본래 크기 그대로 가지고 있는 것이다. block요소랑 비교하면, block은 자기 혼자서 다 차지하는 것을 볼 수있다. 왜냐, 100%로 디폴트 값이 정해졌으니깐. 인라인에 속하는 태그들은 대부분 폰트들이 많다. 그래서 내가 입력한 글자의 양 만큼만 너비.. 2022. 5. 12. 이전 1 다음 반응형