[티스토리 북클립 스킨] 글 목록 잘림 문제 해결하기 (Ft.모바일)

 

티스토리 북클럽(Book Club) 스킨 사용 시 
모바일에서 아래의 사진처럼 
< 글 목록 잘림 현상 >이 생깁니다.

글 목록 - 제목의 잘림현상 뒤에 ...

 

 

그래서
CSS편집에서
간단하게 수정해보려고 해요.

반응형

 

 

[ 모바일 글 목록에서 포스팅 제목 다 보이게 하기 ]

 

1. 티스토리 관리 → 스킨 편집 → 우측상단 html편집 클릭 → 티스토리 CSS 편집으로 이동

'.post-item .title' 코드에서

 

white-space: nowrap;
line-height: 1.4; 
부분을 삭제하고, 

 

아래 3줄의 코드를 입력합니다. 
▼▼▼▼▼▼▼▼▼▼

display: -webkit-box; 
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical; 
}

위의 숫자 4는 글의 줄수를 의미합니다. 

 

수정 전 CSS코드 입력화면

 

수정 후 CSS코드 입력화면

 

CSS 수정 전, 후의 모바일 글목록 화면

 

여기까지
목록의 제목 다 보이는
CSS 코드 수정 방법이구요.

 

 

위의 내용과

[모바일에서 포스팅 글 진입 시, 
제목 잘리는 것 다 보이게 하기 ]

를 추가해서 
메모장에 CSS코드 적어 놨으니 
필요하신 분은 다운해서 사용하세요~

글목록 잘림해결_CSS 코드 다운.txt

0.00MB