1. 사진 양 옆에 공백을 추가

한 사진의 비율을 일정하게 하고싶을 때 사용할 수 있다. 사진을 만들 때 사진 양 옆과 위아래에 원하는 비율로 공백을 추가하면 일정한 비율이 유지된다.

수정 전

수정 후

2. 표 이용

여러 사진을 일정한 비율로 넣고 싶을 때 이용한다. 표를 만들고 td와 table의 style에 border:none을 추가해주면 경계선 없이 표를 만들 수 있다.

<예시>

<table style="width: 100%; border:none">

    <tbody>

        <tr>

            <td style="width: 50%; text-align: center; vertical-align: middle; border:none;">

            </td>

            <td style="width: 50%; text-align: center; border:none;">

            </td>

        </tr>

    </tbody>

</table>

수정 전

수정 후

1번은 지금 보니까 화질 문제가 있어서 화질이 크게 영향받지 않는 부분에서만 사용 가능할듯