webflower

inline 또는 Inline-block 사용 시 문제(경험)

inline-block을 사용해 태그들을 넣다보면 양끝이 맞지 않거나 화면이 깨져버린다. 이때 inline-block 속성을 준 부모에게 font-size:0 을 준후 inline-block 속성을 준 태그들에게 원래폰트사이즈를 준다. ex)ul { font-size: 0; } li { display: inline; // 또는 inline-block; border: 1px solid #bcbcbc; padding: 10px; font-size: 16px; }