티스토리 하시다가 사진 2개를 일자로 나란히

배치할때가 종종 있습니다.

처음에는 어떻게하는지 모르고 그냥 사진 크기만 줄이고 하다보니...

너무 귀찮더라고요.


우선 사진 배치 결과 화면 입니다.


이렇게 나란히 배치하기 성공!

높이는 쫌 삐둘긴하지만....그거까지 마추려면 사진 크기를 더욱 조절 해야 하거든요..

일단 방법만 말씀드리겠습니다.



우선 서식을 만듭니다. 

에디터 형태를 html로 변경후 작업해 주세요.

관리자페이지 - 콘텐츠 부분에 서식관리가 있습니다.


코드

<table width="100%">

<tbody><tr>

<td width="50%">111</td>

<td width="50%">222</td>

</tr>

</tbody></table>




서식을 만들고 나면 

좌측하단에 서식이 추가된 모습을 볼 수 있습니다.



추가를 하면 다음과 같이 나타나게 됩니다.


그리고 111 이 부분에 사진을넣고

두번째 사진은 222부분에 넣으시면 됩니다.


한가지 말씀드리고 싶은 점은

각자 에디터의 폭(width)가 다르기 때문에 사진 넓이를 조정 하셔야 합니다.


본인 에디터의 폭이 800px 인데 

사진 넓이가 700px인 두장의 사진을 넣으시면

폭이 안맞겟죠??




그리고 222부분의 좌측에 마우스를 대면

폭을조정할수있게 점선이 나타나게 됩니다.

그럼 즐거운 티스토리 생활 기원합니다.

블로그 이미지

Mr.mandu

좋은 정보 공유해요.

,