인라인 블록 및 세로 맞춤이있는 이상한 세로 간격

Question

인라인 블록 요소 위에 수직 정렬 중간을 사용할 때 이상한 간격 문제가 발생했습니다. 부모 컨테이너를 확장하는 상단의 2 픽셀 여백과 같습니다. 디폴트의 ​​수직 정렬에서는 요소 위에 공간이 생기지 않고 부모 컨테이너가 확장되지 않습니다.

http://cdpn.io/BKndk

여러분의 도움에 감사드립니다 : 나는 probleme을 보여 예를 만들었습니다.

Answer 1

상위 요소 인 nav 컨테이너 대신 vertical-align : middle을 "a"요소에 적용했기 때문입니다. "a"요소에서 제거하고 nav 클래스에 추가하면 예상대로 작동합니다.