eclipse項目的圖片的絕對路徑和相對路徑及圖片與表單居中

1.圖片的絕對路徑和相對路徑

eclipse中項目如下：

絕對路徑不會錯：例如下圖中2.jpg的絕對路徑如下：

<img src="D:\NutchWorkPlat\workspace\SearchPlat\WebContent\images\2.jpg"  style="width:300px;height:105px;"/>

但是一般項目是需要發佈的，這樣絕對路徑就失效了。需要使用相對路徑，這時，我就栽了跟頭。因爲圖片命名是以中文命名的，導致死活出現加載圖片失敗。正確的是應該用英文命名。

<img src="images/3.jpg"  style="width:300px;height:105px;"/>

2.圖片和表單居中

圖片居中text-align:center;vertical-align:middle;但是表單居中text-align:center;vertical-align:middle;一般不起作用。

我是通過設置絕對定位以及調節margin 來完成的。具體如下

<div  style="position:absolute;top:50%; left:50%;margin:-100px 0 0 -300px;text-align:center;vertical-align:middle;">
	<img src="images/3.jpg"  style="width:300px;height:105px;"/>
	<form  id="search" name="search" action="search" method="get">
		<input id="word" name="param" type="text" style=" width:500px; height:30px;">
		<input style="color: blue;width:80px; height:30px;" type="submit" value="查詢" >
	</form>
</div>