웹 사이트 콘텐츠를 HTML 표로 구성하고 모든 셀의 특정 너비를 백분율로 설정했습니다. 이제 전체 테이블의 30 %를 차지하는 결합 된 셀에서 다른 이미지 (colspan = "2"를 사용하여)에서 2 개의 셀 (각각 15 %)을 차지하는 비교적 큰 이미지를 얻었습니다. 그러나 이미지는 내 소형 컴퓨터 화면의 30 %보다 넓어서 설정 한 셀 너비보다 우세한 것처럼 보입니다. 즉, 내 셀을 내 이미지의 너비로 뻗어내어 디자인을 포기합니다. (현재 15 %보다 넓음). 이미지가 테이블의 30 %보다 넓은 경우 테이블 셀보다 이미지를 더 작게 만들려면 어떻게해야합니까?이미지를 표 셀 너비에 맞추기 (HTML)
시도 다음 코드를 여기에
<table>
<tr>
<td style="height:30%; width:30%;" align="center">
<img style="display:block;" width="100%" height="100%" src="http://www.ursite.com/image.png" />
</td>
<td style="height:20%; width:20%;" align="center">
<img style="display:block;" width="100%" height="100%" src="http://www.ursite.com/image.png" />
</td>
<td style="height:20%; width:20%;" align="center">
<img style="display:block;" width="100%" height="100%" src="http://www.ursite.com/image.png" />
</td>
</tr>
</table>
..... 가 당신이 HTML 코드/jsfiddle을 제공 할 수 있습니다 JSFIDDLE
인가? –