Resumo de 4 maneiras de evitar que tabelas sejam quebradas ao criar páginas web Espero que seja útil para todos!
1. Use <img src="/images/NullPic.gif" width="400" height="300"> para corrigir diretamente o tamanho da imagem.
Este método não causará confusão na exibição da página, mas as imagens exibidas geralmente ficam deformadas.
Não é recomendado.
2. Use <img src="/images/NullPic.gif" >
Este método será reduzido automaticamente para a largura especificada ao chamar a imagem, sem causar a deformação da imagem e não estourará a tabela, portanto, não irá estourar. causar confusão na exibição da página.
Mas também há uma desvantagem. Se a imagem for muito grande, durante o processo de exibição da imagem (processo de download), ela ainda será exibida no tamanho original da imagem. Neste momento, a tabela será quebrada e a imagem será quebrada. a página ficará feia. Obviamente, a imagem diminuirá automaticamente quando for totalmente exibida.
3. Para evitar que a imagem quebre a tabela, com base no exposto acima, restrinja a tabela:
adicione alguns códigos de restrição à tag da tabela <table>, <table width="500" border="0" align="center " cellpadding ="0" cellpacing="0"> pode efetivamente impedir que a tabela seja esticada.
4. Indo um passo além, você pode usar a roda do mouse para aumentar e diminuir o zoom da imagem:
<SCRIPT type=text/javascript>
função bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
retornar falso;
}
</SCRIPT>
O método de uso é o seguinte:
<img src="/images/NullPic.gif" >
Você também pode usar o estilo:
img {
largura máxima: 500px; largura:expressão(this.width > 500? "500px": this.width)
}