본문 바로가기

WEB/CSS

inline-block 으로 한줄 정렬하기

float을 사용하지 않고 한줄 정렬하는법

이렇게하면 inline-block요소끼리의 알수없는 간격이 발생함

위와같이 부모 요소에 font-size:0; line-height:0을 주어서 간격을 없애면 해결(inline요소가 기본적으로 가지고 있는 간격)


이후에 자식요소에 자유롭게 margin,padding을 주면 된다.

'WEB > CSS' 카테고리의 다른 글

a태그 ie에서 font-size:0; 주의  (0) 2018.04.16
색상 관련 페이지  (0) 2018.03.22
반응형 웹 검증 온라인 툴  (0) 2018.03.22
animation  (0) 2018.03.22