티스토리 오디세이 스킨 최근글,인기글 글제목 글 넘침 해결하기

티스토리 오디세이 스킨 최근글,인기글 글제목 글 넘침 해결하기 

 

글제목이 영역보다 긴경우 다음 행으로 넘어가서 표시 되는데, 이걸 막는 방법입니다.

가로 행을 몇개 쓸건지 정해서 그 이상 표시 되지 않게 한 후 , 티스토리 사이드바 글자수 조절로도 넘치지 않게 합니다.

이 방법은 다른곳에서도 적용될 거라 생각하는데, 최근글 인기글은 그 중 눈에 띄는 곳이라 수정하면서 글을 남겨봅니다.

 

 

보시다 싶이 글이 2행을 넘어 가면서 3행까지 표현되고, 그러다보니 전체적으로 비율이 않좋게 보입니다.

 

css 1814행 즈음

.area-aside .box-recent .list-recent .box-recent strong {
    display: block;
    margin-bottom: 2px;
    font-weight: 400;
}

이것을 


.area-aside .box-recent .list-recent .box-recent strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
    font-weight: 400;
}

 

이렇게 바꿉니다. 해당 태그는 텍스트 파일에 첨부하였습니다.

 

새 텍스트 문서.txt

0.00MB

 

 

 

그러면 일단은 2줄까지 표현은 됩니다 여기서 티스토리 사이드바 설정에서 글자 수를 제한하면 3행까지 내려오지 않고 이쁘게 됩니다.

 

 

 

 

 

 

 

 

저는 47개의 글자수 제한과 최근댓글은 76 으로 하니 다음 행으로 넘어가지 않았습니다.

오디세이 스킨을 저랑 같이 수정하셨다면 이정도 될것 같습니다.

 

 

 

 

 

 

 

그러면 비율이 맞게 딱 떨어지게 이쁘게 나열이 됩니다. 이게 글이 많을 수록 비율이 맞는게 구분이 쉽게되 읽기도 편하고 그렇거든요.

해놓고 보니 말줄임표도 없는게 깔끔하지 않을까 싶어 알아봤는데, 간단하게 해결이 안되는거 같아서 나중에 기회되면 공략? 해보겠습니다. 일단은 원하는 모습이 만들어져 만족하네요.

 

이게 일반적이지 않은 거라, 이걸 뭐라 제목을 지어야 할지도 모르겠고, 검색도 어떻게 해야할지 모르겠는 내용입니다. 그래서 이건가 싶어 하나하나 해보니 맞네요. 

그럼 20000