CSS 표시 : inline 과 inline-block의 차이점

 

질문 : CSS 표시 : inline vs inline-block

---

CSS에서 display inline 및 inline-block 값을 가질 수 있습니다. inline 과 inline-block 의 차이점을 자세히 설명 할 수 있습니까?

나는 가장 상세한 설명은 나에게 말한다, 어디서나 검색 inline-block 으로 배치 inline 동작합니다 같은,하지만 block . 그러나 정확히 "블록처럼 동작"이 무엇을 의미하는지 설명하지 않습니다. 특별한 기능이 있나요?

예가 더 나은 대답이 될 것입니다. 감사.

답변

---

인라인 요소 :

블록 요소 :

인라인 블록 요소 :

W3Schools에서 :

• 인라인 요소는 앞뒤에 줄 바꿈이 없으며 옆에있는 HTML 요소를 허용합니다.
• 블록 요소는 위와 아래에 약간의 공백이 있으며 그 옆에있는 HTML 요소를 허용하지 않습니다.
• 인라인 블록 요소는 인라인 요소로 배치되지만 (인접한 콘텐츠와 같은 줄에) 블록 요소로 작동합니다.

 

 

이것을 시각화하면 다음과 같이 보입니다.

이미지는 이 페이지 에서 가져온 것이며이 주제에 대해 더 자세히 설명합니다.

출처 : https://stackoverflow.com/questions/9189810/css-display-inline-vs-inline-block