노숭이

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

· 2015-05-08 (금) 15:56:07 · 9046 · 5
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 한줄로 홈페이지 깔끔하게 만들어요

첨부파일

Untitled-1.jpg (10.4 KB)
7회 2015-05-08 15:56
Untitled-2.jpg (17.5 KB)
0회 2015-05-08 15:56
|

댓글 5개

멋진 팁입니다.
2015-05-09 (토) 21:38:27
굿
좋아요~
찾고 있었는데 잘 봤습니다.
2016-09-27 (화) 03:08:31
좋은정보 감사합니다^^
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
15-05-27 조회 1.5만
15-05-21 조회 2.1만
15-05-19 조회 1.4만
15-05-19 조회 8,519
15-05-17 조회 1.1만
15-05-14 조회 9,453
15-05-14 조회 9.3만
15-05-13 조회 1.1만
15-05-12 조회 8,813
15-05-10 조회 1.4만
15-05-08 조회 9,047
15-05-06 조회 1.3만
15-05-06 조회 2.6만
15-05-06 조회 1.3만
15-05-06 조회 1.9만
15-05-06 조회 1.8만
15-05-04 조회 9,659
15-05-03 조회 1.2만
15-04-30 조회 8,373
15-04-20 조회 1.1만
15-04-17 조회 1만
15-04-14 조회 1.5만
15-04-08 조회 1.6만
15-04-08 조회 1.3만
15-04-04 조회 1.4만
15-04-04 조회 1.3만
15-04-01 조회 1만
15-03-31 조회 1.7만
15-03-26 조회 1.4만
15-03-24 조회 3.6만