[HTML] 테이블 td 안에 이미지를 딱 맞춰서 넣자

다음 코드에서 글 내용 부분에 이미지를 넣으려고한다.

<이미지 맞춤 전체 코드>

        <table border="1" name="t1" cellspacing="0" cellpadding="0">
            <tr>
                <td width="10%" align="center">글번호</td>
                <td width="25%">${fun.num}</td>
                <td width="10%" align="center">조회수</td>
                <td width="25%">${fun.readcount}</td>
            </tr>
            <tr>
                <td align="center">작성자</td>
                <td>${fun.writer}</td>
                <td align="center">작성일</td>
                <td>${fun.reg_date}</td>
            </tr>
            <tr>
                <td align="center">글제목</td>
                <td colspan="3">${fun.subject}</td>
            </tr>
            <tr>
                <td align="center">글내용</td>
                <td colspan="3" style="overflow: visible" width="500">
                    <div>
                        ${fun.content}
                    </div>
                    <div>
                        <img src="./fileSave/${fun.fileName1}" style="width: 100%"/><br/>
                        <img src="./fileSave/${fun.fileName2}" style="width: 100%"/><br/>
                        <img src="./fileSave/${fun.fileName3}" style="width: 100%"/><br/>
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">비밀번호</td>
                <td colspan="3"><input type="password" name="passwd"></td>
            </tr>
            <tr>
                <td colspan="4" align="center">
                    <input type="submit" value="글수정">
                    <input type="button" value="글삭제" onclick="deletePasswd()">
                    <input type="button" value="글목록" onclick="window.location='/getListfun.do'">
                </td>
            </tr>
        </table>

아래와 같이 이미지 사이즈를 70%주었다.

그런데 보다시피 하단의 사진과 같이 우측에 여백이 생기고만다.

해당 문제는 다음과 같이 style에 max-width를 줌으로써 해결하였다.