티스토리 뷰

생활정보

티스토리 북클럽 스킨 제목 잘림 CSS 수정 방법(모바일)

클릭이얌 2021. 5. 7. 17:31

티스토리 북클럽 스킨을 사용하며 글을 쓰던 중에 모바일에서의 포스팅 제목이 2줄에서 잘림이 생겨 말줄임표가 나오는 것을 확인했습니다. 모바일 제목이 잘려 나오면 가독성에 문제가 있어서 스킨 CSS를 수정하며 글을 남깁니다.

티스토리 스킨 편집에 들어가서 CSS로 들어가서 다음 CSS 내용을 찾습니다.

.post-cover .inner > h1 {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

저의 스킨 CSS에서는 2924줄에 있네요.

각자의 스킨 CSS 코드 추가 내용에 따라서 위치가 조금 다를 수 있으니 참조만 하시면 될 것 같습니다.

위 코드에서 보셔야 할 것은 -webkit-line-clamp: 2; 이 항목이 모바일에서 제목의 글 줄 수를 나타내는 코드입니다.

각자 원하는 줄 수로 4~8개 정도로 바꾸시면 됩니다. 저는 6줄로 수정을 했습니다.

스킨 수정하시고 확인하시면 모바일 제목이 말줄임표가 아닌 제대로 포스팅 제목 내용이 보이는 걸 확인할 수 있습니다.