2016-09-20 58 views
-4

我無法將圖像轉換爲我想要的大小。我試過用很多方法改變圖片標籤內的屬性,但問題是圖片總是以原始大小顯示。關於基本的HTML屬性

我已經試過這樣:

<img src="url" alt="some text" style="width:40px;height:40px"> 

我已經試過這樣:

<img src="url"; alt="some text"; style="width:40px";"height:40px"> 

而且在許多其他方面。並不是說它改變了一切。圖像始終以全尺寸顯示。我只是不能正確地做對。另外,爲了澄清,所討論的圖像本地存儲在與.html文件相同的文件夾中。

而且,如果你們能澄清有關的一些事情「背景顏色:#FFFFFF」屬性,這將有助於我很多東西。我注意到有時候它不起作用,即使我的語法正確,背景也會顯示爲空白。在使用之前我應該​​考慮一下嗎?

謝謝。

+0

這似乎只是正常工作在這裏:https://jsfiddle.net/6borf5j0/。在css文件中保留諸如寬度和高度之類的東西也是更理想的,因爲它不會超過你的標記。 –

+0

嘗試不使用'style'像這樣'some text' – Illdapt

回答

0

我已經試過這樣:

<img src="url" alt="some text" style="width:40px;height:40px">

這似乎是正確的。只要網址有效即可。

這裏是調整到100x100 PX一個400x400像素的圖片。

<img 
 
    src="http://lorempixel.com/400/400" 
 
    style="width:100px; height:100px;" 
 
/>

0

我會確保你檢查你的網址,就好像一個小符號是錯誤的,它不會工作。

或者你可以嘗試使位置絕對。

例如:

<img src="http://lorempixel.com/400/400" 
style="width:300px;height:300px;position:absolute;" /> 
0

嘗試與max-width:40px和檢查提供src網址