웹 페이지를 만들 때 테이블이 깨지는 것을 방지하는 4가지 방법을 요약해 보겠습니다. 모두에게 도움이 되기를 바랍니다!
1. <img src="/images/NullPic.gif" width="400" height="300">를 사용하여 사진 크기를 직접 고정하세요.
이 방법을 사용하면 페이지 표시에 혼란이 발생하지 않지만 표시되는 그림이 변형되는 경우가 많습니다.
전혀 권장되지 않습니다.
2. <img src="/images/NullPic.gif" >를 사용하세요.
이 방법은 이미지를 호출할 때 이미지가 변형되지 않고 지정된 너비로 자동으로 축소되며, 테이블이 터지지 않습니다. 페이지 표시에 혼란을 야기합니다.
하지만 단점도 있습니다. 사진이 너무 크면 사진을 표시하는 과정(다운로드 과정)에서 여전히 사진의 원래 크기로 표시됩니다. 이때 테이블이 깨지고 화면이 깨집니다. 페이지가 보기 흉할 것입니다. 물론 이미지가 완전히 표시되면 자동으로 축소됩니다.
3. 그림이 테이블을 깨뜨리는 것을 방지하기 위해 위의 내용을 바탕으로 테이블을 제한합니다.
테이블 태그 <table>, <table width="500" border="0" align="center에 일부 제한 코드를 추가합니다
." cellpadding ="0" cellpacing="0"> 은 테이블이 늘어나는 것을 효과적으로 방지할 수 있습니다.
4. 한 단계 더 나아가 마우스 휠을 사용하여 그림을 확대 및 축소할 수 있습니다.
<SCRIPT type=text/javascript>
함수 bbimg(o){
var Zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
거짓을 반환;
}
</SCRIPT>
사용 방법은 다음과 같습니다:
<img src="/images/NullPic.gif" >
스타일을 사용할 수도 있습니다:
img {
최대 너비: 500px; 너비:표현식(this.width > 500 ? "500px" : this.width)
}