티스토리에서 가로로 이미지를 여러 장 넣는 방법입니다.
전 포스팅을 하면서 이미지를 여러 장 배치하는 쪽은 아닙니다.
하지만 사용은 하지 않더라도 알고 있으면 포스팅에 도움 되겠죠.
티스토리에 이미지를 한 장을 올리고 한 장을 더 올렸습니다.
그리고 배치를 왼쪽 정렬, 두 번째 사진은 오른쪽 정렬했는데요,
한글에서처럼 밑의 사진이 위로 올라가면서 두 장이 같이 배치되지 않고 있습니다.
그런데 이미지 두 장을 같이 배치하는 방법은 의외로 간단합니다.
밑의 이미지를 끌어 위에 있는 이미지에 올리면 보는 것처럼 세로선이 생깁니다.
이때 마우스에서 손을 떼면 두 장이 같이 배치됩니다.
이 방법으로 같은 선에 배치할 수 있는 이미지 수는 3장이네요.
그럼 3장 이상은 같은 위치에 배치할 수 없을까요.
그렇지도 않습니다.
이것도 티스토리에서 쉽게 넣을 수 있게 만들어 놓았는데요,
바로 테이블을 이용하는 겁니다.
이미지 4장을 두 줄로 배치해보겠습니다.
테이블을 만든 다음에는 이미지를 첨부하지 않고 드래그해서 박스안에 넣을 수 있습니다.
8장의 이미지를 넣었습니다. 크기가 다른 이미지는 같은 비율로 축소되다 보니 큰 이미지와 작은 이미지로 보이는데요, 이것이 싫으면 같은 크기의 이미지를 선택해야겠습니다.
그런데 테두리가 있는데요, 테두리도 어렵지않게 없앨 수 있습니다.
HTML 상태에서 테이블 코드를 찾습니다.
여기서 border="0" data-ke-align="center"로 수정합니다.
이미지를 감싸고 있던 테두리는 사라졌고 전체 이미지는 중앙 정렬이 되어 있습니다.
혹시 다음이라도 포스팅할 때 요긴하게 사용할 수 있는 이미지 여러 장을 가로로 배열하는 방법이었습니다.