오래전부터 궁금하던건데요.
슬찬
2023.04.01
span 과 div 는 분명 쓰임새가 다르잖아요 인라인/블럭
그런데.. 최근에 코딩을 하다보니, span에도 마진이나 패딩이 먹더라구요.. 인라인요소면 박스속성을 못가지지 않나요
display에서 바꾸어 주었다면 모를까..
분명이 inline 요소인데 박스속성이 먹는것은 왜일까요?
그냥 이렇게 써도되는건지..
제가 멀 잘못알고 있는건지
우문일지 모르지만, 깊이있는 분들의 고견 부탁드립니다.
-
옆집언니야
span 과 같은 인라인 요소도 좌우 마진,패팅은 적용됩니당~
-
나라빛
인라인 요소가 블럭요소의 형태를 띠게 되는 경우가 있어요.
float을 먹었을 경우, 레이어로 띄웠을 경우...
그래서 아마 그렇게 생각하게 되셨을거예요~
단순 인라인 형태 그대로라면 마진 탑 바텀, 패딩 탑 바텀, 넓이 높이등은 사용하실 수 없습니다.
인라인 요소의 특성대로 사용하면서 블럭 성질을 갖게 할 수 있는 방법으로 display:inline-block; 이 있습니다.
위의 css프로퍼티를 검색해보시면 쉽게 아시겠지만, 다소 불안정한 상황도 있