HTML localStorage CSS問題？

好吧，我已經成功地管理了幾個小時後使用HTML localStorage系統調用圖像，但現在我有一個問題與調用圖像....我不能指定它去哪裏....它只是坐在頁面的底部，因爲代碼純粹是javascript .....我試圖把它放在一個div中，改變它的位置，但它不會提出任何建議....繼承人的代碼就是這樣呼叫圖像：HTML localStorage CSS問題？

window.onload = function() { 
var picture = localStorage.getItem('img'); 
var image = document.createElement('img'); 
image.src = picture; 
document.body.appendChild(image); 
};

如何編輯頁面上的位置以及高度等......................？任何幫助感謝！

來源

2016-01-16 G. Gibson

_「試圖把它放在一個div中，改變它的位置，但它不會讓步」_頁面上有什麼「位置」，「height」應該有圖像嗎？ – guest271314

它顯示在底部，我需要它在高度和寬度約100px的上半部分？ –

您正在將圖像附加到文檔正文，所以同樣，它將被添加到頁面的底部。

可以設置的image.style的屬性來改變圖像的CSS特性，例如高度（image.style.height）和寬度（image.style.width）。

要在其他位置放置在頁面上，你可以改變它的顯示性能

image.style.position = "absolute"; //(for example) 
image.style.top = "50px"; //drops the image down 50px from the top of the page

或者，你可以將它添加到DOM的不同部分乾脆：

document.getElementById('ID_OF_YOUR_DIV').appendChild(image);

希望這有助於。

來源

2016-01-16 22:13:46

謝謝多數民衆贊成工作！只是想知道.....當我應用hight和width時，圖像會被壓扁，有什麼方法可以覆蓋它？還有當我把一幅肖像圖像變成了風景？任何方式改變呢？ –

如果您設置了高度和寬度，並且您設置的高度和寬度與實際圖像的大小不成比例，則圖像會出現壓扁。至於肖像圖像轉向風景......我不認爲我之前沒有見過這種情況發生，沒有應用一些旋轉CSS。你確定它是以縱向保存的嗎？ –

是啊有沒有什麼方法進入，並沒有查看多餘的圖像？並保存爲肖像:) –

HTML localStorage CSS問題？

回答

相關問題