inline-block
-
개발자와 기획자가 꼭 알면 좋은 css - 3 display : inlinehtml, css/css-display속성들 정리 2018. 7. 23. 02:22
display: inline이 조금 내용이 많을 수 있는대요, 일단 대는대로 포스팅을 하겠습니다. (저도 어디까지 포스팅을 할지를 몰라서요;;;) 다음과 같이 background 색만 적용 시킨 2개의 sapan 태그가 있습니다. 초록 상자를 보시면 width와 height 가 240.7 , 21.6 이라고 나왔는대요, span 태그에 width: 220px; height: 200px; margin-top: 10px 을 적용 시켜 보겠습니다. 그러면 길이가 다른 2개의 span 태그의 width는 220px이고 height 는200px에 위에 간격이 10px 벌어진 span 태그의 모습이 예상이 될 겁니다. 띠로리~~~ 하지만 예상한것과는 달리 녹색 박스와 빨간 박스를 보시면 알겠지만 분명 css는 들어..