[해결] 게시판 카테고리의 개수가 많을 때 스크롤 말고 자동 줄바꿈으로 할 수 있을까요?
2024-12-02 13:11
9,007
3
총 채택 포인트
50 포인트
채택된 회원에게 주는 후원 포인트
25 포인트
채택 후 작성자(WiliamCho) 회수 포인트
25 포인트
본문
이윰을 사용한지 이제 1년 정도 되어가네요. 항상 감사드립니다.
다름이 아니라, 게시판에 카테고리를 지정할 때 그 카테고리의 개수가 줄울 넘어서게 되는 경우가 있습니다.
컴퓨터로 볼때는 괜찮은데
![!\[image\]](https://eyoom.net/data/editor/2412/1906437747_1733112533.66759.png)
이걸 폰으로 보거나, 아니면 컴퓨터에서도 카테고리가 너무 많을 경우 좌우 스크롤로 카테고리를 찾아가야 합니다. ![!\[image\]](https://eyoom.net/data/editor/2412/1906437747_1733112581.84734.jpeg)
이걸 저 카테고리들이 자동으로 줄바꿈이 되면서 한 화면에 다 들어가게끔 변경하려면 어디를 건드려야 하나요? 능력자분들 계시면 좀 도와주셔요 ㅠㅠ
이걸 폰으로 보거나, 아니면 컴퓨터에서도 카테고리가 너무 많을 경우 좌우 스크롤로 카테고리를 찾아가야 합니다. ![!\[image\]](https://eyoom.net/data/editor/2412/1906437747_1733112581.84734.jpeg)
이걸 저 카테고리들이 자동으로 줄바꿈이 되면서 한 화면에 다 들어가게끔 변경하려면 어디를 건드려야 하나요? 능력자분들 계시면 좀 도와주셔요 ㅠㅠ
포인트 850
경험치 548
[레벨 2] - 진행률
87%
가입일
2024-01-26 12:22:49
서명
미입력
자기소개
미입력
최신글이 없습니다.
최신글이 없습니다.
댓글목록3
뷰티플마인드님의 댓글
- 뷰티플마인드님의 홈
- 전체게시물
- 아이디로 검색
183.♡.159.88<?php /* 게시판 카테고리 시작 */ ?>
<?php if ($is_category) { ?>
<div class="tab-scroll-category">
<div class="scrollbar">
<div class="handle">
<div class="mousearea"></div>
</div>
</div>
<div id="tab-category">
<div class="category-list">
<span <?php if (!$decode_sca) { ?>class="active"<?php } ?>><a href="<?php echo $category_href; ?>">전체분류 (<?php echo number_format($ca_total); ?>)</a></span>
<?php for ($i=0; $i<count((array)$bocate); $i++) { ?>
<span <?php if ($decode_sca == $bocate[$i]['ca_name']) { ?>class="active"<?php } ?>><a href="<?php echo get_eyoom_pretty_url($bo_table, '', 'sca='.$bocate[$i]['ca_sca']); ?>"><?php echo $bocate[$i]['ca_name']; ?> (<?php echo $bocate[$i]['ca_count']; ?>)</a></span>
<?php } ?>
<span class="fake-span"></span>
</div>
<div class="controls">
<button class="btn prev"><i class="fas fa-caret-left"></i></button>
<button class="btn next"><i class="fas fa-caret-right"></i></button>
</div>
</div>
<div class="tab-category-divider"></div>
</div>
<?php } ?>
<?php /* 게시판 카테고리 끝 */ ?>
위 코드를 아래와 같이 변경하여 css 작업하면 될것 같습니다.
<?php /* 게시판 카테고리 시작 */ ?>
<?php if ($is_category) { ?>
<div <?php if (!$decode_sca) { ?>class="active"<?php } ?>><a href="<?php echo $category_href; ?>">전체분류 (<?php echo number_format($ca_total); ?>)</a></div>
<?php for ($i=0; $i<count((array)$bocate); $i++) { ?>
<div <?php if ($decode_sca == $bocate[$i]['ca_name']) { ?>class="active"<?php } ?>><a href="<?php echo get_eyoom_pretty_url($bo_table, '', 'sca='.$bocate[$i]['ca_sca']); ?>"><?php echo $bocate[$i]['ca_name']; ?> (<?php echo $bocate[$i]['ca_count']; ?>)</a></div>
<?php } ?>
<?php } ?>
<?php /* 게시판 카테고리 끝 */ ?>
WiliamCho님의 댓글의 댓글
- WiliamCho님의 홈
- 전체게시물
- 아이디로 검색
113.♡.238.115WiliamCho님의 댓글의 댓글
- WiliamCho님의 홈
- 전체게시물
- 아이디로 검색
113.♡.238.115감사합니다. 주신코드 보고 공부좀 해볼게요. 감사합니다!!