-
질문 & 답변
카테고리
-
세부 분야
자격증 (디자인)
-
해결 여부
해결됨
display를 inline-block으로 하는이유
22.02.26 16:49 작성 조회수 178
2
block요소는 다음줄에 표시되지만
inline-block으로 바꾸면 한줄에 배치된다고 하셨는데
전 강의에서 float : left로도 할 수 있었는데
둘 중에 어떤 게 더 효율적인 것인지 궁금합니다.
[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
12. 퍼블리싱의 모든 것! HTML 인라인 요소, 블록 요소, 인라인블록 요소
강의실 바로가기
답변을 작성해보세요.
0
코딩웍스(Coding Works)
지식공유자2022.02.27
inline-block과 float : left는 모두 요소를 가로배치하는 역할을 합니다.
상황에 맞게 사용하시면 됩니다.
inline-block의 경우 정교한 레이아웃이 아닌 경우 쉽게 가로배치하는 역할을 합니다.
아래의 예시처럼 div 사이가 어느 정도 떨어져 있는 경우 인라인 블록으로 간편하게 배치할 수 있습니다.
float : left의 경우 1픽셀로 틀리지 않게 정확하게 배치하는 경우에 사용합니다.
웹디자인 기능사 실기시험에서 레이아웃을 만들 때 반드시 float : left로 잡으셔야 합니다.
답변 1