Resumen de 4 formas de evitar que se rompan tablas al hacer páginas web ¡Espero que sea de utilidad para todos!
1. Utilice <img src="/images/NullPic.gif" width="400" height="300"> para fijar directamente el tamaño de la imagen.
Este método no causará confusión en la visualización de la página, pero las imágenes mostradas a menudo están deformadas.
No recomendado en absoluto.
2. Utilice <img src="/images/NullPic.gif" >
Este método se reducirá automáticamente al ancho especificado al llamar a la imagen, sin causar que la imagen se deforme y no explotará la tabla, por lo que no lo hará. causar confusión en la visualización de la página.
Pero también hay una desventaja. Si la imagen es demasiado grande, durante el proceso de visualización de la imagen (proceso de descarga), aún se mostrará en el tamaño original de la imagen. En este momento, la tabla se romperá y la imagen se romperá. La página será fea. Por supuesto, la imagen se reducirá automáticamente cuando se muestre por completo.
3. Para evitar que la imagen rompa la tabla, según lo anterior, restrinja la tabla:
agregue algunos códigos de restricción a la etiqueta de la tabla <table>, <table width="500" border="0" align="center "cellpadding ="0"cellspacing="0"> puede evitar eficazmente que la mesa se estire.
4. Yendo un paso más allá, puedes utilizar la rueda del ratón para acercar y alejar la imagen:
<SCRIPT type=text/javascript>
función bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
devolver falso;
}
</SCRIPT>
El método de uso es el siguiente:
<img src="/images/NullPic.gif" >
También puedes usar estilo:
img {
ancho máximo: 500px; ancho: expresión (este.ancho > 500? "500px": este.ancho)
}