테스트 사이트 - 개발 중인 베타 버전입니다

초간단 분류가 두줄로 나올때

Untitled-1.jpg
Untitled-2.jpg
갤러리나 게시판에서 분류를 설정하고 표시하면
사진1과같이 분류 글자가 길경우에 2줄로 나오는 경우가 있습니다.
분류 리스트 너비가 고정값으로 90px 로 지정되어 있어서 그런데요

basic 게시판 기준으로 style.css 113번째줄

#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}


이 부분을 width값을 없애고 padding에 양옆으로 10px 정도 주시고 letter-spacing 을 빼버리면

두번째 그림처럼 나옵니다.

#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 10px 5px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;line-height:1.2em;cursor:pointer}

팁이라고 할거까지 없지만 일부 홈페이지 보면 신경을 안쓰시는 부분인거 같더라구요
간단한 css 한줄로 홈페이지 깔끔하게 만들어요

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

찾고 있었는데 잘 봤습니다.
좋은정보 감사합니다^^

게시글 목록

번호 제목
2937
2932
2929
2928
2924
2922
2909
2901
2900
2896
2895
2892
2884
2882
2871
2858
2852
2848
2841
2837
2823
2820
2817
2802
2790
2785
2773
2757
2753
2751