HTML IMG覆蓋所有高度限制

需要設置包含一個或多個HTML IMG並且不希望HTML IMG觸發垂直滾動條的HTML TABLE。我知道HTML IMG可以設置爲明確的像素尺寸限制，並且在限制垂直尺寸方面工作得很好。但我希望HTML TABLE能夠使用屏幕高度的90％，並且HTML TABLE中的HTML IMG可以使用HTML表格的90％。我嘗試了六種不同的方法來實現這一點，但其中沒有任何影響。在所有情況下，超過屏幕高度的圖像都會放大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的元素。 –

對img聲明和簡化的#images高度添加了id =「圖像」，但仍然得到了垂直滾動酒吧。 –

HTML IMG覆蓋所有高度限制

回答

相關問題