초간단 분류가 두줄로 나올때
갤러리나 게시판에서 분류를 설정하고 표시하면
사진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 한줄로 홈페이지 깔끔하게 만들어요
사진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개
10년 전
멋진 팁입니다.
10년 전
굿
skypark
10년 전
좋아요~
10년 전
찾고 있었는데 잘 봤습니다.
우리풀사랑
9년 전
좋은정보 감사합니다^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 2537 | |
| 2536 | |
| 2532 | |
| 2526 | |
| 2524 | |
| 2522 | |
| 2519 | |
| 2507 | |
| 2506 | |
| 2505 | |
| 2499 | |
| 2484 | |
| 2475 | |
| 2474 | |
| 2468 | |
| 2467 | |
| 2465 | |
| 2461 | |
| 2456 | |
| 2454 | |
| 2453 | |
| 2448 | |
| 2445 | |
| 2444 | |
| 2441 | |
| 2435 | |
| 2433 | |
| 2431 | |
| 2430 | |
| 2424 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기