[css] 인라인블럭으로 레이아웃 잡을 때 주의할 점

보통 요소들을 수평정렬할 때 세가지 방법을 사용한다. 1. flex 제일 쉽고 간편하다. 하지만 일부 브라우저에서 제한적으로만 사용가능하다. 곧 IE가 사라진다면 최적의 방법. 2. float 예전에 많이 구현하던 방법으로, 요소 자체를 띄워버린다. float을 사용하면 clearfix 등으로 한번 보완을 해줘야하는 단점이 있고, 부작용이 꽤 있어 요즘은 선호하지 않는 방식. 3. inline-block 네비게이션을 만들 때 자주 쓰는 사용된다. 요소를 inline화시켜 수평정렬한다. 오늘은 인라인블럭으로 레이아웃 잡을 때의 주의점에 대해 포스팅해보려고 한다. 많은 분들이 사용하는 방법이지만, 주의해야할 점을 인지하지 못하는 경우가 많다. 예제를 보며 확인해보자. (아래의 코드펜은 바로 수정이 가능하니 ..

2022.04.11