에디터로 작성한 게시글에서 이미지만 센터로 정렬하기

에디터로 게시글을 작성하면 하나의 라인이 P태그로 감싸져서 처리되게 된다.

그리고 이미지를 삽입하면 이미지는 미리 서버에 업로드 되고 img 태그형태로 경로가 잡히게 된다.

그렇다면 삽입된 이미지만 센터로 정렬할수는 없을까?

세상에 안되는건 없다 ...... 당연히 된다 ...

물론 꼼수가 있어야 한다...

-------------게시글----------------

<tr bgcolor="#FFFFFF">

<td class="tb_bg02_SE">

<p>test</p>

<p>1</p>

<p>2</p>

<p>3</p>

<p>4</p>

<p><img title="1468373089_40098.jpg" src="/board_data/editor_data/1468373089_40098.jpg">&nbsp;</p>

<p>1</p>

<p>2</p>

<p>3</p>

<p>4</p>

<p>&nbsp;</p>

</td>

</tr>

기본적으로 위의 형태가 된다. 

p 태그에 img 가 삽입된 형태...

CSS 를 아래와 같이 만들어 주면 된다. 

----------------CSS----------------------

.tb_bg02_SE{

text-align:left; padding-left:10px;

}

.tb_bg02_SE p{

width:100%;

line-height:10px;

}

.tb_bg02_SE p img{

max-width:700px; display:block; margin: 0 auto;

}

위가 같이 하면 텍스트는 left 정렬 이미지는 center 정렬된다.

그리고 이미지가 게시판 사이즈보다 크다면 700px로 조절된다.

꿀팁임^^*