我使用的是html。在html表格中,我有一個表格行裏面我有公司的標誌。是否可以決定圖像的高度和寬度?
<image src="images\some.jpg">
但顯示的圖像尺寸太大。有沒有可能爲它設置高度和寬度?
請幫幫我!
我使用的是html。在html表格中,我有一個表格行裏面我有公司的標誌。是否可以決定圖像的高度和寬度?
<image src="images\some.jpg">
但顯示的圖像尺寸太大。有沒有可能爲它設置高度和寬度?
請幫幫我!
<td><img src='abc.png' height='x' width='y'></td> // set x and y to integers
可以設置圖像標籤的width
和height
屬性,像這樣:
<img src="../image/path" width="100" height="100" />
還要注意,僅使用這些屬性中的一個,將調整圖像保持寬高比,這將防止圖像看起來扭曲。
有寬度和高度屬性,雖然它會讓你稍微閱讀級聯樣式表(css)。
<img src="..." width="100" height="200" alt="Company Logo"/>
您應該只能指定寬度或高度來自動縮放其他尺寸。
+1我很高興別人注意到使用表進行定位。 CSS是一個更好的選擇。 – Aaron 2011-12-27 15:07:32
是的,您可以使用height
和width
屬性,例如, <img src=logo.gif alt=ACME width=50 height=20>
。您還可以在CSS中設置height
和width
屬性。
當寬度或高度與圖像本身的尺寸不同時,瀏覽器會重新縮放圖像。
但是,在您喜歡的圖像處理程序中縮放圖像幾乎總是更好。以這種方式縮小大圖像可以控制結果的質量,並且還可以節省帶寬(以及瀏覽器中的處理時間)。
理想情況下,您絕對不應該依賴於最終優化的網站,但您可以使用CSS 2的最大高度和最大寬度來縮小圖像並保持圖像寬高比。過去,當我使用這個功能作爲php項目的失敗保護時,顯示用戶內容。例如:
<style type="text/css">
.scaledimg {
max-height: 200px;
max-width: 200px;
}
</style>
<img class="scaledimg" src="imagesourcehere" />
認真嗎? '
'但我不建議依靠瀏覽器來縮小大圖像。改用照片編輯器。 –
2011-12-27 14:37:51
可能重複的[我應該指定我的IMG在HTML中的高度和寬度屬性?](http://stackoverflow.com/questions/1247685/should-i-specify-he-and-width-attributes-for-my- imgs-in-html) – 2011-12-27 14:44:06