Краткое изложение 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 {
максимальная ширина: 500 пикселей; ширина: выражение (this.width > 500? «500 пикселей»: this.width)
}