如何將圖像與網頁最左側的區域對齊？

當我們包括網頁用下面的代碼如何將圖像與網頁最左側的區域對齊？

<html><body> 
<img src="http://www.example.com/abc.jpg"> 
</body></html>

的瀏覽器渲染它，這樣有幾個像素的左側和頂部的邊距的圖像。我希望圖像能夠貼在左邊和上邊。

需要幫助。

感謝

來源

2012-12-07 rahulg

您是否嘗試過檢查元素（鉻效果很好），看看，看看有邊距或填充並覆蓋在CSS中。我知道默認情況下，Chrome在身體上應用了某些東西，不能回想起它是填充還是邊距，儘管 – musefan

您有幾種選擇：

使用CSS reset。簡單的例子：。
```
* { padding: 0; margin: 0; } 
```
使用position: absolute;爲「強行」把圖像，無論你希望它是（可以用top，right，bottom和left控制

來源

2012-12-07 09:05:26

與CSS

<img src="http://www.example.com/abc.jpg" class="left-image"> 

html, body, img{ 
padding:0px; 
margin:0px; 
} 

img.left-image{ 
float:left; /* it may require if you have more elements in same container, not always */ 
}

試試這個，或者你可以隨時位置，例如，如果你從頂部和10px的希望10px的左

img.left-image{ 
position:absolute; 
left:10px; 
top:10px; 
}

來源

2012-12-07 09:05:24

不需要浮動（並且您錯過了分號） – musefan

這些都是人體的我總是在我的css文件中使用這個樣式：

html, body { margin: 0px; padding: 0px; border: none; }

，或者您可以在線寫出來，你的情況：

<body style="margin:0px; padding:0px;">

來源

2012-12-07 09:25:24

如何將圖像與網頁最左側的區域對齊？

回答

相關問題