Inflearn Community Q&A
asked
display를 inline-block으로 하는이유
Resolved
Written on
·
255
2
block요소는 다음줄에 표시되지만
inline-block으로 바꾸면 한줄에 배치된다고 하셨는데
전 강의에서 float : left로도 할 수 있었는데
둘 중에 어떤 게 더 효율적인 것인지 궁금합니다.
웹 디자인HTML/CSSjquery
Answer 1
0
codingworks
Instructor
inline-block과 float : left는 모두 요소를 가로배치하는 역할을 합니다.
상황에 맞게 사용하시면 됩니다.
inline-block의 경우 정교한 레이아웃이 아닌 경우 쉽게 가로배치하는 역할을 합니다.
아래의 예시처럼 div 사이가 어느 정도 떨어져 있는 경우 인라인 블록으로 간편하게 배치할 수 있습니다.
float : left의 경우 1픽셀로 틀리지 않게 정확하게 배치하는 경우에 사용합니다.
웹디자인 기능사 실기시험에서 레이아웃을 만들 때 반드시 float : left로 잡으셔야 합니다.
덕분에 이해됐습니다. 감사합니다 !!