2016. 1. 12. 16:23
카테고리 없음
선을넘어 보기 싫은 사진을 깔끔하게 맞춰주는 방법
블로그에 사진 추가시 아래와 같이 사진 크기가 커서 문단 줄을 넘어서 표시되는 경우 아래과 같은 방법으로 간단히 자동 조절 될 수 있게 해보세요.
1. 아래 빨갛게 표시한 부분과 같이 사진이 문단 줄을 삐져나와 보기가 싫습니다.
2. 글쓰기 '수정' 을 눌러, HTML 직접 편집 화면으로 이동한뒤, 사진 "src" 링크 부분을 찾습니다. 아래와 같이 width="614" 로 너비가 고정되어 있는 것이 보입니다.
3. 너비 높이 부분을 아래와 같이 수정해 줍니다.
기존 :
width="614"
수정 :
style="height: auto; width: 100%;"
4. 문서를 수정 등록 한 뒤, 수정한 사진을 다시 확인해 보면, 아래와 같이 문단 라인에 따라 자동으로 크기가 조정된 것을 확인하실 수 있습니다.
