블로그 글 작성하다 보면 이미지를 많이 붙여 넣게 된다. 이미지를 삽입하면 본문 너비 폭을 넘어가게 되는데 나는 가로 폭이 넘어가지 않았도록 수정하고 싶었다.
그래서 구글링 하면서 하나씩 배워간다 생각하면서 따라 해봤지만 잘 안되었다.
뭐야..진짜 뭔데(잘 몰라서 속 터짐..ㅜㅜ)
그러던 중 다른 다른 블로거 분이 이미지 2개가 넘어가는게 신경쓰여서 CSS코드를 추가한 것들 보고 따라했는데 되었다.
/* 이미지 글 너비 넘어가지 않도록 */
figure.imageblock {
max-width: 100%;
width: 100% !important;
}
/* 이미지 2개 넣을 때 글 너비 넘어가지 않도록 */
figure.imagegridblock {
width: 100% !important;
}
수정 전
수정 후
