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

게시판 관련된 질문합니다. 채택완료

taeja 5년 전 조회 1,780

제가 메인페이지에 아래처럼 게시판 출력을 하는데요

            <?php 
            echo latest_tab (  
            "tab", // 탭 스킨명 
            "공지사항", // 탭제목 지정(구분자'|') ex) 제목하나|제목둘|제목셋|제목넷 
            "tablist",    // 탭리스트 스킨 지정(구분자'|') ex) tabzin|tabgall|tablist|tablist 
            "sub3_2", // 먼저 보일 게시판 
            "sub3_2", // 게시판지정(구분자'|') ex) free|notice|gall|photo 
            "4",    // 출력되는 게시물 라인 개수 ex) 5줄|9줄|12줄|20줄 
            "21"    // 제목의 길이를 지정 ex) 60자|50자|40자|40자 
            ); 
            ?> 

사이트를 반응형으로 제작 중이라서 출력되는 제목의 길이가 $(window).width(); 의값에따라 변경할려고 하는데 어떻게 해야하나요?

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

답변 5개

채택된 답변
+20 포인트
D
5년 전

css 로 제어하면 됩니다.

제목의 길이를 100자 이상으로 잡아주시고,

text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;

제목영역의 div 혹은 h태그에 이렇게 적어주시면 width 값에 따라 ... 으로 제목길이가 조절됩니다.

 

로그인 후 평가할 수 있습니다

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

css를 수정하시면 됩니다.

로그인 후 평가할 수 있습니다

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

t
5년 전

빠른 다변 감사드려요 모두 도움이 되서 금방 수정했네요 ㅎㅎ

로그인 후 평가할 수 있습니다

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

ksh1423
5년 전

좋은답변들이 많네요

로그인 후 평가할 수 있습니다

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

진서기
5년 전

스크립트로 하기보다는 css를 이용해서 글자를 자르는게 좋습니다. 

글자 길이를 넉넉하게 지정하고  글자자르기용 css를 적용하면 됩니다.

https://webdir.tistory.com/483">https://webdir.tistory.com/483

 

로그인 후 평가할 수 있습니다

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

답변을 작성하려면 로그인이 필요합니다.

로그인