HTML IMG переопределяет все ограничения по высоте

Необходимо настроить HTML TABLE, содержащий один или несколько IMG HTML, и не хотите, чтобы HTML IMG запускал вертикальную полосу прокрутки. Я знаю, что HTML IMG может быть задан с явными ограничениями на размер пикселей, и это отлично подходит для ограничения вертикального размера. Но я хочу, чтобы HTML TABLE использовал 90% высоты экрана, а HTML IMG внутри HTML TABLE, чтобы использовать 90% таблицы HTML. Я пробовал полдюжины различных способов попытаться реализовать это, ни один из которых не имеет никакого эффекта. Во всех случаях изображение, превышающее высоту экрана, увеличивает HTML TABLE и вызывает вертикальную полосу прокрутки. Вот код, который я совсем недавно попробовал, и помиловать много жалких лишних выстрелов при ограничении по вертикали:HTML IMG переопределяет все ограничения по высоте

<?xml version="1.0" encoding="ISO-8859-1"?> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:epub="http://www.idpf.org/2007/ops"> 
<head> 
<style type="text/css"> 
    html, body { 
    height:100%; 
    } 
    #images { 
    position:relative; 
    height:100%; 
    overflow:hidden; 
    } 
    #images img { 
    width:100%; 
    } 
    </style> 
</head> 
<body> 
<table> 
<caption align="bottom">this photo caption</caption> 
<tr> 
<td height="90%"><img src="Images/plate70.jpg"/></td> 
</tr> 
</table>  
<p align="left"> 
<a href="chap1.xhtml#P70"><button>Text</button></a> 
</p> 
<script type="text/javascript"> 
    window.resizeTo(500,200); 
</script> 
</body> 
</html>

источник

2012-01-22 Frank Natoli

table-layout: fixed Использование на элементе таблицы. В противном случае width и height рассматриваются как min-width и min-height.

источник

2012-01-22 00:55:13

Вы имеете в виду вот это? Боюсь, это не повлияло. Выбранное изображение по-прежнему выходит за пределы физического размера экрана и запускает полосу прокрутки. . Также добавьте ясную высоту пикселя в таблицу CSS, но не помогите. –

Ну, вы определяете стили для элемента с id 'images', но нет элемента с этим идентификатором. –

Добавлен id =" images "для обеих объявлений img и уменьшен до высоты # 80 до 80%, но по-прежнему получается вертикальная прокрутка бар. –

HTML IMG переопределяет все ограничения по высоте

ответ

Смежные вопросы