모바일에서 볼 때 리스트 제목글 잘림 현상 해결- #1 스킨

PC에서 볼 때는 아무 이상 없이 리스트 제목글이 잘 나오는데, 모바일로 보면 리스트 제목글이 잘려서 나옵니다. 뭐 가독성은 말할 필요도 없고 이게 무슨 내용의 글인지 상대방이 알기 힘들 때가 많죠. 특히 한국말은 끝까지 들어봐야 안다는 말도 있는데요. 그래서 이러한 불편함을 해결했습니다. 

 

 

#1 스킨 리스트 제목 잘림현상 해결

 

 

 

 

 

 

 

#1 스킨 기본 화면

 

 

 

 

많이들 사용하는 북클럽스킨에서는 제목글 잘림 해결방법이 나와있는데, #1 스킨에서는 어떻게 해결하는지가 없더군요. 찾다 찾다 없어서 개발자모드 들어가서 직접 해결했습니다. 

 

기본 #1 스킨은 이렇게 나옵니다.

먼저 스킨 편집에 갑니다. css 탭에서 ctrl+f를 해서 post를 칩니다.

 

 

#1 스킨 기본

 

 

 

 

검색 옆 위아래 화살표를 내리면 294번째 줄에 white-space: nowrap으로 지정되어 있습니다. 

#1 스킨

 

 

 

티스토리 #1 기본은 이렇게 표시되어집니다. 

 

#1 스킨 리스트 제목 잘림

 

 

 

 

 

 

리스트 제목글 다 나오는 방법

 

 

 

 

이제부터 #1 스킨에서 리스트 제목글 전체가 다 나오게 설정해 보겠습니다.

294번째 줄 끝으로 가보면, white-space: nowrap가 있어요. 이걸 normal로 바꿔주면 됩니다. 

 

#1 스킨 리스트 제목 잘림 해결방법

 

 

 

white-space: normal로 바꾼 후 왼쪽 화면과 같이 '2024 국가장학금 소득분위 기준, 금액 통합신청'이라는 제목글이 리스트에 잘라짐 없이 전체 다 표시됩니다. 

 

 

#1 스킨 리스트 제목 잘림 해결방법, 결과

 

#1 스킨 리스트 제목 전체 표시

 

 

이렇게 리스트 제목글만 다 보여도 상대방에게 전달하고픈 내용이 다 보이는 것 같습니다. 

#1 스킨 사용하시는 분들은 꼭 확인해서 적용해 보기 바랍니다. 가독성도 좋아지고 유입량도 늘어날 것입니다. 

 

 

 

[분류 전체보기] - CGV, 메가박스, 롯데시네마 영화 할인 쿠폰 받기

CGV, 메가박스, 롯데시네마 영화 할인 쿠폰 받기