디자인과 개발 그 사이

display 속성값으로 inline 또는 inline-block으로 정하면 요소들이 가로로 배열되지요. 이 때 요소와 요소 사이에 여백이 생깁니다. 이를 해결하는 방법을 기록하겠습니다. 공백이 생기는 이유: HTML에서는 줄 바꿈(개행)은 공백으로 해석되어, 인라인 요소들 사이에 줄 바꿈이 존재하면 공백으로 처리됩니다. HTML 작성에 줄 바꿈이 있다면 이 줄 바꿈은 공백으로 취급되어 렌더링 시에 간격이 생깁니다. html 줄 바꿈(개행)은 공백으로 해석 새우깡 감자깡 먹태깡 html 줄 바꿈(개행)없이 한줄로 나열 새우깡감자깡먹태깡 하지만 줄바꿈없이 작업하면 가독성이 떨어지고 작성하다 보면 나도 모르게 줄바꿈을 할 수 있잖아요? 그렇기 때문에 이를 보안할 방법을 찾아봤습니다. 방법1: margin 이..