webflower

tip 검색 결과

해당 글 4건

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; }

WEB/CSS 8년 전

오랜만에 반응형 구축해보려는데..

구축을 안하다보니 기본적인 틀잡는데 사용하는 기본 css, 스타일이나 js가 뭐가있는지 모르겠어서 막막하네요.. tip이나 사용중이신거 공유하실분 계신가요~

일상 8년 전

탭메뉴클릭시 부드럽게 섹션 이동

//앵커 이동시 부드럽게$('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top },1000); return false; } } });

WEB/jQuery 8년 전

[TIP]지정한 넓이보다 텍스트 내용이 넘칠때 ...으로 보이기

text-overflow:ellipsis;white-space:nowrap;overflow:hidden;

WEB/CSS 8년 전