목록inline-block (1)

정리하고 기록하며 성장하는

인라인이냐 블록이냐

블록 레벨 요소 vs 인라인 요소 블록 레벨 요소 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성한다 (ex. div , p , h1 등) 인라인 요소 자기에게 필요한 만큼의 공간만 차지한다 (ex. span , a 등) display 속성 display 속성은 요소를 블록과 인라인 요소 중 어느 쪽으로 처리할 지 정의한다 블록 레벨 요소인 div 요소를 인라인으로 처리하고 싶다면 div { display: inline; }​ 인라인 요소인 a 요소를 블록 레벨로 처리하고 싶다면 a { display: block; } display 속성 값 display에는 미리 정의되어 있는 키워드를 속성값으로 지정한다 속성값 의미 inline 인라인으로 처리한다 (필요한 만큼의 공간 차지) block 블록 레벨..
프론트/CSS 2021. 12. 23. 16:53
이전 Prev 1 Next 다음