티스토리 첨부 파일 디자인
티스토리의 첨부 파일은 파일형식에 따라 각각의 아이콘 이미지가 함께 제공되는데 아래가 대표적인 예이다. 이대로 사용해도 큰 문제는 없지만 반응형 디자인을 지원하는 경우, 모바일의 뷰포트의 크기에 따라 글자와 아이콘 이미지가 정렬되지 않는 경우가 있을 수 있다. 이 경우 vertical-align: middle 이 지정되어 있는 정렬 값을 변경해보자. .imageblock > a[href*="attachment"] > img { vertical-align: text-bottom !important; } 이 이미지들을 모두 숨기고 하나의 아이콘으로 통일하고 버튼 형식으로 디자인을 변경해 볼 수 있겠다. .imageblock > a[href*="attachment"] { position: relative; d..
