웹 페이지 제작에는 테이블이 파손되는 것을 방지하는 4 가지 방법이 있습니다. 모든 사람에게 유용하기를 바랍니다!
1. <img src = "/images/nullpic.gif"width = "400"height = "300">를 사용하여 그림의 크기를 직접 수정하십시오.
이 방법은 페이지 디스플레이에서 혼란을 유발하지 않지만 표시된 그림은 종종 변형됩니다.
가장 권장되지 않은 것.
2. <img src = "/images/nullpic.gif"를 사용하십시오
이 방법은 그림을 호출 할 때 지정된 너비로 자동 스케일로 축적되며 그림이 변형되지 않으며 테이블이 파손되지 않으므로 페이지가 잘못 표시되지 않습니다.
그러나 이미지가 너무 커지면 디스플레이 프로세스 (다운로드 프로세스) 중에도 원래 크기가 표시되며 테이블이 나오고 페이지가 추악합니다. 물론 이미지가 완전히 표시되면 자동으로 줄어 듭니다.
3. 위의 내용에 따라 그림이 테이블을 깨지 않도록하기 위해 테이블을 제한합니다.
테이블의 태그 <table>에 약간의 제한 사항을 추가하고 <테이블 width = "500"border = "0"align = "Center"CellPadding = "0"CellPacing = "0". .
4. 더 나아가서, 마우스 휠을 사용하여 코드를 줄이기 위해 코드를 줄입니다.
<스크립트 유형 = 텍스트/JavaScript>
함수 bbimg (o) {
var Zoom = parseint (o.style.zoom, 10) || 100; Zoom+= event.wheeldelta/12; if (Zoom> 0) o.style.zoom = Zoom+'%';
거짓을 반환합니다.
}
</스크립트>
사용 방법은 다음과 같습니다.
<img src = "/images/nullpic.gif">
스타일도 사용할 수 있습니다.
img {
MAX-WIDTH : 500px; 표현식 (this.width> 500?
}