티스토리 첨부파일 이름이 잘릴 때 해결방법 (스퀘어 스킨)

티스토리(Square 스킨)에서 첨부파일을 처음 올려보았는데 이상하게도 파일 이름이 잘린다(수직방향 아래쪽). 무언가에 가려져서 안 보이는 느낌이랄까. 마우스로 드래그를 해 보니 첨부파일 기본 디자인 양식에 비해 줄간격이 넓어 생긴 문제로 보였다.

attachment
티스토리 첨부파일 양식을 마우스로 드래그를 해 봄

 

첨부파일 양식의 줄간격 조절하기

예상한 대로 첨부파일 양식의 줄간격을 조절해 주니 해결되었다. 아마도 나와 비슷하게 본문의 줄간격을 넓게 수정하여 사용하는 분들이라면(나의 경우 줄간격 200%) 비슷한 상황을 겪을 것 같다는 생각이다.

티스토리 스킨편집(CSS)에서 아래의 내용을 (맨 아래줄 정도에) 추가해 주면 된다. 줄간격 기본값인 normal로 지정해 주거나, 100 ~ 150% 범위로 설정해 주니 문제없이 출력되었다. 사용자에 따라 스킨 편집 상태가 조금씩 다를 수 있기 때문에 수치를 조금씩 수정해 적용하다 보면 쉽게 해결할 수 있을 거라 생각한다.

figure.fileblock { line-height: normal; }

또는,

figure.fileblock { line-height: 130%; }

normalization
줄간격 적용 후 글자가 정상적으로 나옴

카테고리의 다른 글

  1. apple-touch-icon.png 404 에러 탈출기 (feat. precomposed, 120x120, favicon)
  2. HTML 앵커 <a> 태그 속성으로 alt는 없었구나
  3. 구글 애널리틱스 내부 트래픽 설정하기 (분석 제외 IP 설정)
  4. 구글 애널리틱스와 태그 매니저 페이지뷰 중복측정 방지하기
  5. 구글 애드센스 클릭은 있지만 수익은 없는($0.00) 원인

댓글 남기기